This is a beta release of the Quantum web libraries

Please be careful when using them in production, as they may contain bugs, unstable breaking changes, and incomplete features.

Font Family

Utilities for controlling the font family of an element.

Class

Properties

font-roboto

font-family: var(--font-family-roboto) !important

font-roboto-mono

font-family: var(--font-family-roboto-mono) !important

Font Roboto

Use font-roboto to apply Roboto font:

The quick brown fox jumps over the lazy dog.

<p class="font-roboto ...">The quick brown fox jumps over the lazy dog.</p>

Use font-roboto-mono to apply Roboto Mono font:

The quick brown fox jumps over the lazy dog.

<p class="font-roboto-mono ...">The quick brown fox jumps over the lazy dog.</p>

Spotted a bug, have a question, or want to suggest a new feature?