3.17 Font Properties

In this section, we describe how to display text with different font characteristics. You’ve probably heard of the term “font,” but if not, font refers to the characteristics of text characters—height, width, thickness, slantedness,7 body curvatures, and endpoint decorations. That should make more sense later on when we present CSS font property details and show examples. Specifically, you’ll learn about the font-style, font-variant, font-weight, font-size, font-family, and font shorthand properties.

font-style Property

The font-style property specifies whether the text is to be displayed normally or slanted. Here are the valid values for the font-style property:

font-style Values



Upright characters ...

Get Web Programming with HTML5, CSS, and JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.