font-weight

Resumen

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

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

Compatibilidad entre navegadores

Navegador Versión mínima
Internet Explorer 3
Netscape 4
Opera 3.5

Ver también

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

Categorías

Interwiki Languages

Etiquetas y colaboradores del documento

Contributors to this page: teoli, Mgjbot, ethertank, Nathymig, RickieesES, HenryGR
Última actualización por: teoli,