The CSS Font-Style Property

Making CSS change font style

The CSS font-style property defines custom styling for the text characters:

p.oblique {
    font-style: oblique;
}

p.italic {
    font-style: italic;
}

p.normal {
    font-style: normal;
    
}

Theory is great, but we recommend digging deeper!

CSS Tricks for Beginners: Essential Tips on How to Use CSS Code

John Bura

4.4 (162)

CSS font-style syntax and values

There are three values you can choose from when defining CSS font styles:

font-style: value;

Note: keep in mind that large portions of italic in CSS can be hard to read.

Browser support

Chrome

1+

Edge

12+

Firefox

1+

IE

4+

Opera

7+

Safari

1+

Mobile browser support

Chrome

18+

Firefox

4+

Opera

10.1+

Safari

1+