font-weight

Resumen

La propiedad font-weight especifica el peso o grueso de la letra.

• valor inicial: normal
• Se aplica a: todos los elementos.
• valor heredado: sí
• Porcentajes: N/A
• Medio: visual
• valor calculado: un de los valores numéricos (por ejemplo: 100) o un numérico más un relativo (bolder/más grueso o lighter/menos grueso)

Sintaxis

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

Valores

normal 

peso/grueso normal de la letra. Lo mismo que 400.

bold 

grueso ancho (negrita). Igual que 700.

lighter 

corresponde a un tipo de letra menos gruesa que el tipo del elemento padre (dentro de los valores permitidos).

bolder 

corresponde a un tipo de letra más gruesa que el tipo del elemento padre (dentro de los valores permitidos).

100, 200, 300, 400, 500, 600, 700, 800, 900 

pesos numéricos para los tipos de letra que nos permiten más flexibilidad que normal - bold. Si el peso especificado no existe en el tipo de letra escogido, un valor entre 600 y 900 se presentará con el valor más próximo disponible par dar una letra más oscura. De igual forma, un valor entre 100 y 500 se presentará con el valor más próximo disponible para dar una letra más clara. Esto significa que para los tipos de letra que sólo dispongan de normal y bold, cualquier valor entre 100 y 500 será normal y entre 600 y 900, será bold.

Ejemplos

Ver El Ejemplo Vivo

/* Ajusta el texto del párrafo a bold. */
p {font-weight: bold}

/* Ajusta h1 (cabeceras de primer nivel) a que sea más oscuro que 
   normal pero menos que el valor normal de bold. */
h1 {font-weight: 500}

/* Ajusta el tipo de letra que esté dentro de una sentencia span, a que sea
   más clara/menos negrita que la fuente de su elemento padre. */
span {font-weight: lighter}

Notas

Especificaciones

• CSS 1
• CSS 2.1
• css3-fonts

Compatibilidad entre navegadores

Ver también

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, @font-face