CSS Font Properties allow you to control typography, such as font family, size, weight, style, and more. These properties enhance readability, accessibility, and design consistency.

This guide includes key font-related properties and live examples to visualize their behavior in real-world scenarios.

Defines the typeface of the text by specifying one or more font names.

Controls the size of the font using keywords, units, or relative values.

Adjusts the thickness or boldness of text.

Defines whether the font is normal, italic, or oblique.

Used to display text in small-caps (uppercase letters with lowercase sizing).

Controls the vertical spacing between lines of text.

Combines multiple font-related properties in a single declaration.