CSS Peso de la Fuente
Crear una fuente negrita, más negrita o delgada en html usando una hoja de estilo.
Explicación
Propiedad :
Tipografía PesoUso:
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