CSS Peso de la Fuente

Crear una fuente negrita, más negrita o delgada en html usando una hoja de estilo.

Explicación

Propiedad :

Tipografa Peso
Uso:
font-weight: bold;
font-weight: bolder;
font-weight: light;
font-weight: lighter;
font-weight: 100;
font-weight: normal;

Definición:
Este parámetro controla el peso o la anchura de la fuente. Podemos hacer que la fuente aparezca más ligera o más rellena.
Toma los siguientes valores.
a)bold : hace que la fuente aparezca en negrita.
b)bolder : hace que la fuente aparezca más en negrita.
c)light : hace que la fuente aparezca ligera.
d)lighter : hace que la fuente aparezca más ligera.
e)100 to 900 : La anchura de las letras se pueden establecer usando valores como 100 o 200 o 300 o 400 o 500 o 600 o 700 o 800 o 900.
f)normal : hace que la fuente aparezcan de forma normal.

Ejemplo 1:


<div style="font-weight: bold;">probando peso de fuente</div>

Resulta:


probando peso de fuente


Ejemplo 2:


<div style="font-weight: bolder;">probando peso de fuente</div>

Resulta:


probando peso de fuente


Ejemplo 3:


<div style="font-weight: light;">probando peso de fuente</div>

Resulta:


probando peso de fuentet


Ejemplo 4:


<div style="font-weight: lighter;">probando peso de fuente</div>

Resulta:


probando peso de fuente


Ejemplo 5


<div style="font-weight: 800;">probando peso de fuente</div>

Resulta:


probando peso de fuente


Ejemplo 6:
<div style="font-weight: normal;">probando peso de fuente</div>

Resulta:


probando peso de fuente