CSS Type Styles

Font Weight

font-weight: normal;
This is very normal.
font-weight: bold;
Feeling bold?
font-weight: 400;
400 means normal.
font-weight: 700;
700. Bigger is bolder.


Font Style

font-style: normal;
This is very normal.
font-style: italic;
Feeling slanty!
font-style: oblique;
Feeling slanty (but slightly different)!


Letter Spacing

letter-spacing: normal;
This is very normal.
letter-spacing: 0.1em;
Stretch it out
letter-spacing: 1em;
loooooong boi


Text Transform

text-transform: lowercase;
i am speaking in a normal voice
text-transform: uppercase;
now i am yelling
text-transform: capitalize;
this is very formal wow.


Text Decoration

text-decoration: none;
This is very normal.
text-decoration: underline;
Look at this
text-decoration: overline;
What is this for
text-decoration: line-through;
Don't look at this