Use CSS To Improve Your Typography - Emphasis

Use CSS to improve your typography - Emphasis

 

Giving emphasis to a word without interrupting the reader is important. Italic is widely considered to be the ideal form of emphasis. Some other common forms of emphasis are: bold, caps, small caps, type size, color, underline or a different typeface. No matter which you choose, try to limit yourself to using only one. Combinations such as caps-bold-italic are disruptive and look clumsy.

 

Here are some difference ways of creating emphasis with CSS:

 

01 span {

02 font-style: italic;

03 }

04

05 h1 {

06 font-weight: bold;

07 }

08

09 h2 {

10 text-transform: uppercase;

11 }

12

13 b {

14 font-variant: small-caps;

15 }

 

Keep in mind that the font-variant style only works if the font supports the small-caps variant.