Skip to Content
CSS Typography
Font Style

You can also italicize text with the font-style property.

h3 { font-style: italic; }

The italic value causes text to appear in italics. The font-style property also has a normal value which is the default.



The web page features three sections, “Garamond”, “Helvetica”, and “Space Mono”. Each of these sections includes a line with the name of the font creator, such as “Claude Garamond”.

Let’s italicize the creator’s name on each of these cards. In style.css, in the font card section, set the font style of .font-card .creator to italic.

Notice the font change from normal to italic on the web page.

Folder Icon

Take this course for free

Already have an account?