style font family cursiva css css3 text-rendering

css - font - style bold label



font-weight: 700 o font-weight: negrita ¿cuál deberíamos seguir en CSS? (5)

En ciertos navegadores en Windows (IE, FF), hacer font-weight:800 no funcionará con varias fuentes UTF-8. Use font-weight: bold o font-weight: bolder ..

Descubrí esto de la manera más difícil mientras producía algo para BBC Kyrgyz ..

He visto algunos sitios web, que se mencionan en CSS - font-weight: 700 o font-weight: bold . Pero ambos resultados son los mismos. ¿Cuál es el correcto y cómo debemos seguirlo? Por favor sugiéreme

Funcionalmente son iguales, pero en cuanto a estilo diría que elija uno de los métodos y sea coherente con él: use solo palabras clave o solo identificadores numéricos. Eso hace que el código CSS sea más fácil de entender.

Como las fuentes tienen un espectro de pesos mucho más amplio que el regular y el en bold , por ejemplo, luz extra , luz , libro , medio , semibold , negro , negro extra , cuando se usan fuentes personalizadas, normalmente es imposible no usar identificadores numéricos. En estas situaciones, creo que es mejor evitar el uso regular y bold , utilizando 400 y 700 lugar. Eso es más consistente y simplifica la comprensión de CSS, incluso un desarrollador sin experiencia puede comprender fácilmente que 400 es más delgado que 500 , pero puede que no sepa cuál es más delgado cuando ve regular y 500 .

Si tiene una situación, donde los únicos pesos que usa son regular y en bold , entonces es perfectamente razonable y más legible usar palabras clave en lugar de identificadores numéricos. Pero en mi trabajo tales situaciones casi no ocurren en absoluto.

Mi respuesta básica es la misma que ya se dio dos veces, pero con la referencia correcta:

Son sinónimos por definición, según la especificación CSS 2.1, cláusula 15.6 . Esta es la especificación autoritaria.

La palabra clave ''normal'' es sinónimo de ''400'', y ''negrita'' es sinónimo de ''700''.

La palabra bold hace que el código sea más legible que el número 700 , que no tiene un significado intuitivo. El número podría ser más adecuado para la legibilidad en situaciones en las que especifique pesos de fuente utilizando números, para obtener pesos para los que no hay palabras clave. Tales situaciones son raras, en parte porque la mayoría de las fuentes no admiten pesos de fuente distintos de 400 y 700 .

Puede encontrar un desglose completo de todos los valores válidos para font-weight de la font-weight en la especificación del nivel 3 del módulo de fuentes CSS . En la sección 3.2 (propiedad font-weight) encontramos la siguiente lista:

  • 100 - Delgado
  • 200 - Extra Light (Ultra Light)
  • 300 - Luz
  • 400 - Normal
  • 500 - Medio
  • 600 - Semi Bold (Demi Bold)
  • 700 - Negrita
  • 800 - Extra Bold (Ultra Bold)
  • 900 - Negro (pesado)

Es probable que haya notado que 700 es "negrita". De cualquier manera, obtendrás los mismos resultados. (El otro único que corresponde a un número es "normal" - 400 )

La lista completa es:

normal - igual que ''400''
bold - Igual que ''700''
bolder : especifica un peso más atrevido que el valor heredado
lighter : especifica un peso más ligero que el valor heredado

No hay diferencia real. Es más acerca de lo que tú y tu equipo están acostumbrados.