Utility classes

• Introduction
• Color
• Background-color
• Font-size
• Font-family
• Text-align
• Text-transform
• Hidden
• Visible
• Float
• Clear
• Clearfix
• Border
• Margin
• Padding
• Row-padding
• Image

Font-family

Font-family utility classes allow authors to apply a specific font-family to any element and at different screen sizes.

Overall usage

Used to apply specific font family to any element or component.

Accessibility

N/A

---

.u-font-base

<div class="u-font-base">u-font-base</div>

---

.u-font-feature

<div class="u-font-feature">u-font-feature</div>