CSS Font Properties

Here, we look at the various font properties. These are the properties that include the word font in their name.

CSS font properties enable you to change the look of your text. For example, you can assign a font family, apply bold or italic formatting, change the size and more.

CSS Font Family

The font-family property allows you to set the font family.

CSS Font Size

Enables you to set the size of the text. For info on the possible values, see the font-size page.

CSS Font Size Adjust

This property enables you to adjust the x-height to make fonts more legible. For more info, see the font-size-adjust page.

CSS Font Stretch

This property relies on the user's computer to have an expanded or condensed version of the font being used. For all possible values, see the font-stretch page.

CSS Font Style

The font-style property is used for specifying italic text.

CSS Font Variant

Enables you to set your text to use small caps. See font-variant.

CSS Font Weight

Enables you to set your text to bold. For more info, see font-weight.

CSS Font Property

The font property is a shorthand property that enables you to set all font properties in one go.