2012-06-06 16 views
26

He visto algunos sitios web, que se mencionan en CSS - font-weight: 700 o font-weight: bold. Pero ambos resultados son iguales. ¿Cuál es el correcto y cómo debemos seguir? Por favor sugiéramefont-weight: 700 o font-weight: bold ¿cuál deberíamos seguir en CSS?

+0

Si quiere su texto en negrita, entonces debe usar 'font-weight: bold;' – khurram

+0

En general, cuando la fuente tiene un tipo de letra apropiado para uno de los pesos numéricos, el explorador debe mostrar ese tipo de letra. De vuelta en los días los navegadores como Safari e IE no seguían esto y se mostraban en lugar del tipo de letra 'font-weight: 600' apropiado, el normal en faux negrita. Véase también http://destination-code.blogspot.com/2009/01/font-weight-number-keywords-100-900.html –

+0

Desde un punto de vista semántico, prefiero las palabras sobre los números. Se lee más fácil como 'thin' sobre' 300', o 'bold' sobre' 700'. Preferencia personal, sin embargo. –

Respuesta

14

font-weight en números es mejor entonces y de esta forma negrita porque en los números se puede ajustar la negrita según sus requisitos de diseño.

Marque esta http://www.w3.org/wiki/CSS/Properties/font-weight

+1

bien. pero, ¿funciona en todos los navegadores principales con respecto a los ajustes de los valores? –

+0

sí, funciona en todos los navegadores. – sandeep

+0

No. Firefox, al menos, ni siquiera admite bolds distintos de 400 y 700. –

66

Puede encontrar un desglose completo de todos los valores válidos para font-weight en el CSS Fonts Module Level 3 Specification. Bajo section 3.2 (propiedad font-weight) encontramos la siguiente lista:

  • 100 - Fino
  • 200 - Extra Light (Ultra Light)
  • 300 - Luz
  • 400 - Normal
  • 500 - Medium
  • 600 - Semi Bold (Demi en negrilla)
  • 700 - Negrita
  • 800 - Extra Bold (Ultra negrita)
  • 900 - Negro (Heavy)

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

La lista completa es:

normal - Igual que el '400'
bold - igual que '700'
bolder - Especifica un peso más audaz 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 usted y su equipo están acostumbrados.

+0

Firefox no respeta esto. No sé sobre otros. –

+1

@NH. Puede depender de qué fuentes ha instalado en su sistema y qué pesos/estilos están disponibles. Si declara caras de fuente en CSS con diferentes pesos y estilos (y el mismo nombre de fuente), FF parece entender y aplicar como se esperaba, aunque a veces aplica faux-bold y faux-italic de manera diferente a otros navegadores a veces. –

12

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

Ellos son sinónimos, por definición, de acuerdo con la especificación CSS 2.1, clause 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 fácil de leer que el número 700, que no tiene ningún significado intuitivo. El número puede ser más adecuado para la legibilidad en situaciones en las que se especifican pesos de fuente usando 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.

+0

¿cuál es mejor ir? –

+2

Ha preguntado cuál es la correcta. La respuesta es que ambos son correctos, y también. También preguntó cuál usar y la respuesta técnica correcta es: lo que prefiera. Di algunas cosas para considerar al decidir su preferencia. –

+0

Ok, lo tengo. Gracias –

0

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

me encontré con esto de la manera difícil, mientras que la producción de una cosa para BBC Kyrgyz ..

0

Funcionalmente son iguales, pero en lo que respecta al estilo, yo diría que elija uno de los métodos y sea consecuente 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 las fuentes tienen un espectro de pesos mucho más amplio que solo regular y bold, p. luz extra, luz, libro, medio, seminegrita, negro, negro adicional, al usar fuentes personalizadas por lo general es imposible no utiliza identificadores numéricos. En estas situaciones, creo que es mejor evitar usar regular y bold, usando 400 y 700 en su lugar. Eso es más consistente y simplifica la comprensión de CSS: incluso un desarrollador inexperto 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 alguna situación, donde los únicos pesos que usa son regular y 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.

Cuestiones relacionadas