Font

Basic font styles.

evo-font

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

<p class="evo-font"></p>

Global font styles are applied to the html, body, and other tags set in _global.scss. Styles can be adjusted from _variables.scss.

If needed, apply an .evo-font class to set the global font styles directly to an HTML element.

Italic

This text demonstrates italic. Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.
<p class="font-italic"></p>

The .font-italic class sets the font-style to italic. .font-oblique is also available.

Bold

This text demonstrates bold. Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.
<p class="font-bold"></p>

The .font-bold class sets the font-weight to bold.

Reset

This sentence demonstrates the reset of font styles.

.font-reset removes font styles.

font-no-weight

No-Weight Experience Design Made Simple for Living Design Systems

font-no-style

No-Style Experience Design Made Simple for Living Design Systems