libreavous/squelettes/scss/base/_fonts.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);