Font Stacks

Display Sans

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L11

<!-- font stack display sans -->
<span class="u-font-stack-display-sans">Display Sans</span>

Body Sans

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L23

<!-- font stack body sans -->
<span class="u-font-stack-body-sans">Body Sans</span>

Secondary Sans

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L35

<!-- font stack secondary sans -->
<span class="u-font-stack-secondary-sans">Secondary Sans</span>

Serif

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L47

<!-- font stack serif -->
<span class="u-font-stack-serif">Serif</span>

Logo Serif

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L59

<!-- font stack logo serif -->
<span class="u-font-stack-logo-serif">Logo Serif</span>

Icon Font

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L71

<!-- font stack icon font -->
<span class="u-font-stack-icon-font">Icon Font</span>

Button Sans

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L83

<!-- font stack button sans -->
<span class="u-font-stack-button-sans">Button Sans</span>

Searchbox

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/font-stacks.scss#L95

<!-- font stack searchbox -->
<span class="u-font-stack-searchbox">Searchbox</span>

<!-- font stack v3 searchbox -->
<span class="u-font-stack-v3-searchbox">v3 Searchbox</span>