Fonts families
Font families tokens definitions
Here are the associated CSS variable for the font families
:root {
--goafe-font-family-lead-800: Sora-ExtraBold,sans-serif;
--goafe-font-family-lead-700: Sora-Bold,sans-serif;
--goafe-font-family-lead-500: Sora-Medium,sans-serif;
--goafe-font-family-lead-400: Sora-Regular,sans-serif;
}
<h1 class="c-txt m-ff-lead-800">Sora ExtraBold</h1>
<p class="c-txt m-ff-lead-800">Sora ExtraBold - Eos labore lorem elitr et stet tempor invidunt dolore, rebum eirmod consetetur sanctus ipsum stet magna. Sadipscing amet erat stet.</p>
<h1 class="c-txt m-ff-lead-700">Sora Bold</h1>
<p class="c-txt m-ff-lead-700">Sora Bold - Eos labore lorem elitr et stet tempor invidunt dolore, rebum eirmod consetetur sanctus ipsum stet magna. Sadipscing amet erat stet.</p>
<h1 class="c-txt m-ff-lead-500">Sora Medium</h1>
<p class="c-txt m-ff-lead-500">Sora Medium - eos labore lorem elitr et stet tempor invidunt dolore, rebum eirmod consetetur sanctus ipsum stet magna. Sadipscing amet erat stet.</p>
<h1 class="c-txt m-ff-lead-400">Sora Regular</h1>
<p class="c-txt m-ff-lead-400">Sora Regular - eos labore lorem elitr et stet tempor invidunt dolore, rebum eirmod consetetur sanctus ipsum stet magna. Sadipscing amet erat stet.</p>
<!-- DEMO ONLY -->
<style>body{padding:1em}</style>