libreavous/squelettes/scss/base/_fonts.scss

40 lines
1.7 KiB
SCSS

/// Font Face
/// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6#file-_mixins-scss
/// simplification pour uniquement woff2 et woff
@mixin font-face($name, $path, $weight: null, $style: null, $exts: woff2 woff) {
$src: null;
@each $ext in $exts {
$src: append($src, url(quote("../webfonts/" + $path + "." + $ext)) format(quote($ext)), comma);
}
@font-face {
font-family: quote($name);
font-style: $style;
font-weight: $weight;
src: $src;
}
}
/* fonts */
@include font-face(Fontawesome-s, fa-solid-900);
@include font-face(Fontawesome-b, fa-brands-400);
@include font-face(Fontawesome-r, fa-regular-400);
@include font-face(Metropolis, metropolis-light-webfont, 200, normal);
@include font-face(Metropolis, metropolis-lightitalic-webfont, 200, italic);
@include font-face(Metropolis, metropolis-regular-webfont, 400, normal);
@include font-face(Metropolis, metropolis-regularitalic-webfont, 400, italic);
@include font-face(Metropolis, metropolis-bold-webfont, 700, normal);
@include font-face(Metropolis, metropolis-bolditalic-webfont, 700, italic);
@include font-face(Metropolis, metropolis-black-webfont, 900, normal);
@include font-face(Metropolis, metropolis-blackitalic-webfont, 900, italic);
@include font-face(Lato, lato-light-webfont, 200, normal);
@include font-face(Lato, lato-lightitalic-webfont, 200, italic);
@include font-face(Lato, lato-regular-webfont, 400, normal);
@include font-face(Lato, lato-italic-webfont, 400, italic);
@include font-face(Lato, lato-bold-webfont, 700, normal);
@include font-face(Lato, lato-bolditalic-webfont, 700, italic);
@include font-face(Lato, lato-black-webfont, 900, normal);
@include font-face(Lato, lato-blackitalic-webfont, 900, italic);