$fonts-path: '~@/assets/fonts';

@mixin font-face($font-name, $file-name, $font-weight) {
    @font-face {
        font-display: block !important;
        font-family: quote($font-name);
        font-style: normal;
        font-weight: $font-weight;
        src:
            url("#{$fonts-path}/#{$font-name}/#{$file-name}.woff2") format("woff2"),
            url("#{$fonts-path}/#{$font-name}/#{$file-name}.woff") format("woff");
    }
}

$font-family:
    /* 1 */ 'SFProText', -apple-system, BlinkMacSystemFont,
    /* 2 */ 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
    /* 3 */ 'Helvetica Neue', sans-serif;

$monospace-font-family: 'Courier New', Courier, monospace;