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?
Respuesta
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
bien. pero, ¿funciona en todos los navegadores principales con respecto a los ajustes de los valores? –
sí, funciona en todos los navegadores. – sandeep
No. Firefox, al menos, ni siquiera admite bolds distintos de 400 y 700. –
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.
Firefox no respeta esto. No sé sobre otros. –
@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. –
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.
¿cuál es mejor ir? –
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. –
Ok, lo tengo. Gracias –
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 ..
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.
- 1. Encuadernación a FontWeight en Silverlight 4 usando un convertidor de valor
- 2. ¿Deberíamos seguir el camino de la Corona?
- 3. ¿Puedo usar "Arial Rounded MT Bold" con css?
- 4. UIButton: ¿deberíamos lanzar o no?
- 5. ¿Deberíamos usar Long-Name o Short-Name en JavaScript Coding?
- 6. ¿Deberíamos migrar a WPF o Winforms?
- 7. ¿Deberíamos usar un marco de CSS? ¿Lo valen?
- 8. Pepino/Webrat: seguir el enlace por clase de CSS?
- 9. ¿Aprender LinqToSql o seguir con ADO.NET?
- 10. ¿Hay alguna heurística de relleno de CSS que pueda seguir?
- 11. ¿Deberíamos usar CScript.exe o WScript.exe para ejecutar archivos .vbs?
- 12. ¿Cómo se puede seguir confiablemente los usos de CSS?
- 13. Mecanizar - Cómo seguir o "hacer clic" Meta actualizar en raíles
- 14. Mostrar la suma de elementos agrupados en ListView
- 15. ¿Debo seguir molestando guardando todas las CSS en un solo archivo?
- 16. ¿Seguir un archivo en Clojure?
- 17. font-family para Futura Condensed Extra Bold no funciona
- 18. ¿Cuándo deberíamos considerar el uso privado o protegido?
- 19. Cloud Drive vs. Cloud Files (¿o no deberíamos molestarnos?)
- 20. Servicios web poco conocidos o útiles que todos deberíamos saber
- 21. CA1709 - ¿Deberíamos ignorar esto y usar Db o DB?
- 22. ¿Deberíamos siempre anular iguales?
- 23. Herencia de estilo basada en XAML diferente
- 24. ¿Cuándo deberíamos cerrar EntityManagerFactory?
- 25. #FFFFFF o "blanco" en CSS?
- 26. ¿Cómo centrar un texto de etiqueta en WPF?
- 27. 'propiedad: 0' o 'propiedad: 0px' en CSS?
- 28. ¿Deberíamos presentar BizTalk/ESB?
- 29. Cuándo deberíamos usar mutex y cuándo deberíamos usar el semáforo
- 30. ¿Cómo agregar un borde al texto dentro de un bloque de texto en WPF?
Si quiere su texto en negrita, entonces debe usar 'font-weight: bold;' – khurram
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 –
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. –