CSS - peso de fuente

Descripción

La propiedad font-weight altera el peso visual de los caracteres de un elemento.

Valores posibles

100, 200, 300, 400, 500, 600, 700, 800 and 900- Define desde caracteres finos a gruesos. 400 es lo mismo que normal y 700 es lo mismo que negrita.
normal- Por defecto. Define caracteres normales y equivalentes al valor 400.
bold - Equivalente al valor 700.
bolder - Los caracteres de fuente del elemento deben ser más pesados que los del elemento padre.
lighter - Los caracteres de la fuente del elemento deben ser más claros que los del elemento padre.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.fontWeight = "900";

Ejemplo

Aquí está el ejemplo que usa esta propiedad:

<html>
   <head>
   </head>

   <body>
      <p style = "font-weight:bold;">
         This font is bold.
      </p>
      
      <p style = "font-weight:bolder;">
         This font is bolder.
      </p>
      
      <p style = "font-weight:500;">
         This font is 500 weight.
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page