Skip to main content

An official website of the United States government

Here's how you know

An official website of the United States government

Here's how you know

Theme:

Design system switcher

Version:

Design system switcher

Theme:

Design system switcher

Version:

Design system switcher

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