Local Font

Experiment with different looks using these font-family imports.

font-[family]

Didonesque Display experience design made simple
for living design systems

Didonesque Display Italic experience design made simple
for living design systems

Diaria Promedium experience design made simple
for living design systems

Diaria Promedium Italic experience design made simple
for living design systems

Fnord Twenty Three experience design made simple
for living design systems

Fnord Twenty Three Italic experience design made simple
for living design systems

Harmans Sans experience design made simple
for living design systems

Halis Rounded experience design made simple
for living design systems

Festivo Lowercase experience design made simple
for living design systems

Festivo Outline experience design made simple
for living design systems

Gangrena experience design made simple
for living design systems

Ebenezer experience design made simple
for living design systems

Neon experience design made simple
for living design systems

Create an HTML tag suitable for displaying text such as <p> or <h1>, and apply the font-[family] class. These fonts are defined in /variables/_font.scss. Not recommended for production.

   <p class="font-didonesquedisplay"></p>
   <p class="font-didonesquedisplay-italic"></p>