Font Family

Utilities for controlling the font family of an element.

Class	Properties
.ff-primary	font-family: {your-primary-font}
.ff-secondary	font-family: {your-secondary-font}

Usage

For changing the font family use one of your pre-defined .ff-{name} utility classes.

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

Customizing

Font families can be changed, added or removed in _settings.scss.

Variants

By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.