Skip to main content

An official website of the United States government

Here's how you know

Design System

An official website of the United States government

Here's how you know

Theme:

Design system switcher

Select a theme

Version:

Design system switcher

Select a version

What's new?

View code on GitHub

Theme:

Design system switcher

Select a theme

Version:

Design system switcher

Select a version

Font Family

Change an element's typeface to either the sans-serif (Open Sans) or serif (Bitter) family using the font family utility.

Format: .ds-u-[serif|sans]

.ds-u-sans

Open Sans, Helvetica, sans-serif

.ds-u-serif

Bitter, Georgia, serif

Guidance

Style customization

The following CSS variables can be overridden to theme the font family utility:

  • --font-family-sans
  • --font-family-serif

On this page

Have ideas?