Typefaces

https://github.com/fenderdigital/web-fonts

Commonly, Futura fonts are used for headers, and Source Sans for copy text. Additionally, we set weights with font classes, as opposed to font-weight utilities. Each font class has a smart fallback to system fonts, should the web font fail to load.

.futura-book

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi assumenda, facilis. Qui quidem ab enim quis dolore fugit unde officiis inventore voluptas, modi odit odio perferendis. Sed, nesciunt nihil iste!

.futura-heavy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi iure quos nostrum tenetur laboriosam quasi accusamus quia error placeat optio vitae nulla provident blanditiis aliquam porro ipsum, eveniet, facilis accusantium!

.source-sans

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur numquam nobis, adipisci! Doloremque quis doloribus explicabo, veniam quaerat laudantium modi dolore quos. Nobis, sequi numquam quae quasi non delectus, exercitationem!

.source-sans-b (bold)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit asperiores, totam nobis, eaque accusantium repellat ipsam sint eos dolores adipisci quaerat dicta voluptate nisi consequuntur dignissimos voluptates nesciunt perspiciatis sit.

.source-sans-i (italic)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium facilis adipisci id maiores illum fugiat, ad velit sequi, quo, fuga sint qui ea porro eveniet itaque necessitatibus reiciendis quasi optio.

.futura-heavy {
  font-family: "FuturaPT-Heavy",
               -apple-system, BlinkMacSystemFont,
               'avenir next', avenir,
               'helvetica neue', helvetica,
               ubuntu,
               roboto, noto,
               'segoe ui', arial,
               sans-serif;
}

.futura-book {
    font-family: "FuturaPT-Book",
               -apple-system, BlinkMacSystemFont,
               'avenir next', avenir,
               'helvetica neue', helvetica,
               ubuntu,
               roboto, noto,
               'segoe ui', arial,
               sans-serif;
}

.source-sans {
font-family: "SourceSansPro-Regular",
             -apple-system, BlinkMacSystemFont,
             'avenir next', avenir,
             'helvetica neue', helvetica,
             ubuntu,
             roboto, noto,
             'segoe ui', arial,
             sans-serif;
}

.source-sans-b {
  font-family: "SourceSansPro-Bold",
               -apple-system, BlinkMacSystemFont,
               'avenir next', avenir,
               'helvetica neue', helvetica,
               ubuntu,
               roboto, noto,
               'segoe ui', arial,
               sans-serif;
}

.source-sans-i {
  font-family: "SourceSansPro-It",
               -apple-system, BlinkMacSystemFont,
               'avenir next', avenir,
               'helvetica neue', helvetica,
               ubuntu,
               roboto, noto,
               'segoe ui', arial,
               sans-serif;
}