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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.