An exploration of type styling in CSS, using Open sans/Sans-serif font in 18px.
font-weight: normal;
The quick brown fox jumped over the lazy dog.
font-weight: bold;
The quick brown fox jumped over the lazy dog.
font-weight: bolder;
The quick brown fox jumped over the lazy dog.
font-weight: lighter;
The quick brown fox jumped over the lazy dog.
font-weight: 100;
The quick brown fox jumped over the lazy dog.
font-weight: 500;
The quick brown fox jumped over the lazy dog.
font-weight: 900;
The quick brown fox jumped over the lazy dog.
font-style: normal;
The quick brown fox jumped over the lazy dog.
font-style: italic;
The quick brown fox jumped over the lazy dog.
font-style: oblique;
The quick brown fox jumped over the lazy dog.
letter-spacing: normal;
The quick brown fox jumped over the lazy dog.
letter-spacing: 2px;
The quick brown fox jumped over the lazy dog.
letter-spacing: 4px;
The quick brown fox jumped over the lazy dog.
letter-spacing: 16px;
The quick brown fox jumped over the lazy dog.
text-transform: none;
The quick brown fox jumped over the lazy dog.
text-transform: capitalize;
The quick brown fox jumped over the lazy dog.
text-transform: uppercase;
The quick brown fox jumped over the lazy dog.
text-transform: lowercase;
The quick brown fox jumped over the lazy dog.
text-decoration: none;
The quick brown fox jumped over the lazy dog.
text-decoration: underline;
The quick brown fox jumped over the lazy dog.
text-decoration: line-through;
The quick brown fox jumped over the lazy dog.
text-decoration: overline;
The quick brown fox jumped over the lazy dog.
text-decoration: underline overline line-through;
The quick brown fox jumped over the lazy dog.