Font family

Utilities for controlling the font family of an element.

The font-family property specifies the typeface used for text.

Class list

Class name	Styles
co-font-body	font-family: var(--co-font-family-body)
co-font-strong-body	font-family: var(--co-font-family-body)
co-font-heading	font-family: var(--co-font-family-heading)
co-font-subheading	font-family: var(--co-font-family-heading)
co-font-mono	font-family: var(--co-font-family-mono)

Examples

font-family: var(--co-font-family-body)

font-family: var(--co-font-family-heading) …

<div class="co-font-body ...">Font body</div>
<div class="co-font-strong-body ...">Font strong body</div>
<div class="co-font-heading ...">Font heading</div>
<div class="co-font-subheading ...">Font subheading</div>
<div class="co-font-mono ...">Font mono</div>