Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de peso de fuente
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada peso de fuente Con sintaxis y ejemplos.
describir
La propiedad CSS font-weight define el peso o peso de la fuente.
sintaxis
La sintaxis de la propiedad CSS font-weight es:
font-weight: value;parámetro o parámetro
valor
El peso o peso de la fuente. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| normal | Grosor de fuente normal (normal = 400 grosor de fuente) p { peso de fuente: normal; } |
| audaz | Peso en negrita (negrita = peso 700) p { peso de fuente: negrita; } |
| más audaz | Un peso de fuente más oscuro que su elemento principal p {peso de la fuente: negrita;} |
| encendedor | un peso de fuente más ligero que su elemento principal p {peso de la fuente: más ligero;} |
| 100, 200, 300, 400, 500, 600, 700, 800, 900 | El rango de valores del peso de la fuente es 100-900, El 100 es el más ligero y el 900 es el más atrevido. 400 = normal, 700 = negrita. p {peso de fuente: 400;} |
| heredar | El elemento heredará el peso de la fuente de su elemento principal p { peso de la fuente: heredar; } |
notas
- Es posible que algunas fuentes solo admitan pesos normales y en negrita.
- Si se proporciona un peso de fuente numérico entre 600 y 900 y no se puede obtener el peso numérico exacto, se utilizará el peso de fuente oscuro más cercano disponible.
- Si se proporciona un peso de fuente de número entre 100 y 500, y no hay un peso de número exacto, se utilizará el peso de fuente más ligero disponible más cercano.
Compatibilidad del navegador
La propiedad CSS font-weight tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad font-weight a continuación, explorando ejemplos de cómo usarla en CSS.
usar negrita
Veamos un ejemplo de peso de fuente CSS, donde ponemos el texto en negrita.
span { font-weight: bold; }En este ejemplo de peso de fuente CSS, vamos a El peso de la fuente del texto dentro de la etiqueta se establece en negrita.
uso normal
A continuación, veamos un ejemplo de peso de fuente CSS en el que establecemos el texto en normal.
p { font-weight: normal; }En este ejemplo de peso de fuente CSS, vamos a
El peso de fuente del texto dentro de la etiqueta se establece en peso normal.
Usar valores numéricos
Veamos un ejemplo de peso de fuente CSS, donde configuramos el texto con un peso de fuente numérico.
p { font-weight: 500; }En este ejemplo de peso de fuente CSS, vamos a
El peso de la fuente del texto en el marcador se establece en 500 y utilizará una fuente más oscura si está disponible.