font-weight: 700 o font-weight: bold ¿cuál debemos seguir en CSS?

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

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

Probablemente notaste que 700 es "negrita". Así que de cualquier manera, obtendrás los mismos resultados. (El único otro que corresponde a un número es "normal" - 400.)

La lista completa es:

normal - Mismo como '400'
bold - Mismo como '700'
bolder - Especifica un audaz peso que el valor heredado
lighter - Especifica un peso más ligero que el valor heredado

No hay ninguna diferencia real. Se trata más de lo que tú y tu equipo están acostumbrados.

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

Son sinónimos por definición, de acuerdo con la especificación CSS 2.1, cláusula 15.6. Esta es la especificación autorizada.

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 significado intuitivo. El número podría ser más adecuado para legibilidad en situaciones en las que se especifican pesos de fuente utilizando números, para obtener pesos para los que no hay palabras clave. Tales situaciones son raras, en parte porque los pesos de fuente que no sean 400 y 700 no son compatibles con la mayoría de las fuentes.

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

Descubrí esto de la manera difícil mientras producía una cosa para BBC Kyrgyz ..

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

Como fuentes tienen un espectro mucho más amplio de pesos que solo regular y bold, por ejemplo, luz adicional, luz, libro, medio, semibold, negro, extra black, cuando se utilizan fuentes personalizadas imposible no utilizar identificadores numéricos. En estas situaciones creo que es mejor evitar usar regular y bold en absoluto, usando 400 y 700 en su 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 vea regular y 500.

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