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 className="font-roboto">The quick brown fox jumps over the lazy dog.</p>

Font Roboto Mono

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

The quick brown fox jumps over the lazy dog.

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