Font Face

To simplify the import of fonts, you can use fontface(font-name, filename, weight: normal, font-style: normal, font-stretch: normal). Only font-name and filename are required.


    @include fontface('Open Sans', 'opensans-webfont');
    $main-font: 'Open Sans';
    body {
        font-family: $main-font;
    }

    @include fontface('Hack', 'hack-webfont', bold);
    $code-font: 'Hack';
    code {
        font-family: $code-font;
    }