Evo

Font

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

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>

To force the default font style, apply an evo-font class directly to an HTML element. Create a container for your text such as a <p> tag or <h1> tag, and apply the evo-font class. This class is not required.

Reset

This sentence demonstrates the reset of font styles.

<p class="font-reset">This sentence demonstrates the reset of font styles</p>

font-reset removes font styles.

Font Examples

The best revenge is massive success.

<p class="font-didot font-italic color-20 text-size-10 text-tracking-2 text-leading-3 text-uppercase text-center text-measure-3">The best revenge is massive success.</hp>

Take up one idea. Make that one idea your life – think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. –Swami Vivekananda

<p class="font-fantasy font-bold color-28 text-size-4 text-leading-10 text-measure-5 text-measure-4">Take up one idea...</hp>