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>