Índice

Cambiar el grosor de los caracteres

Esta propiedad permite escribir el texto en negrita. Cabe destacar, aunque las diferencias no siempre son perceptibles, que las posibilidades son mucho más numerosas que con la etiqueta <b>.

font-weight:

bold; o bien

bolder; o bien

lighter; o bien

normal; o bien

un valor entre 100 y 900

Comentarios

  • El valor bold (negrita) escribe la fuente de caracteres en negrita.

    El valor bolder (más grueso) acentúa la negrita respecto al elemento padre.

    El valor lighter (más ligero) disminuye la negrita respecto al elemento padre.

  • Un valor numérico entre 100 y 900. Los valores disponibles son 100, 200, 300, 400, 500, 600, 700, 800, 900.

    El valor 500 se corresponde con el valor del tipo de letra "normal".

    El valor 700 se corresponde con la negrita.

    El valor 900 corresponde (teóricamente) a la más gruesa.

  • Si bien esta propiedad font-weight autoriza numerosos valores, no siempre será posible tomar en cuenta todos ellos para todas las fuentes, pues no siempre se dispone de las versiones de los caracteres en negrita.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .bold { font-weight: bold;} 
   .bolder { font-weight: bolder;} 
   .bold900 { font-weight: 900;} 
   </style> 
</head> 
<body> 
<p class="bold">Texto ...