47 lines
1.2 KiB
SCSS
47 lines
1.2 KiB
SCSS
@use "~/node_modules/@fontsource/nunito/scss/mixins" as Nunito;
|
|
@use "~/node_modules/@fontsource/arimo/scss/mixins" as Arimo;
|
|
|
|
$weights: 300, 400, 500, 600, 700;
|
|
|
|
@each $weight in $weights {
|
|
@include Nunito.fontFace(
|
|
$weight: $weight,
|
|
$display: auto,
|
|
$style: normal,
|
|
$fontDir: "npm:@fontsource/nunito/files"
|
|
);
|
|
|
|
@include Nunito.fontFace(
|
|
$weight: $weight,
|
|
$display: auto,
|
|
$style: italic,
|
|
$fontDir: "npm:@fontsource/nunito/files"
|
|
);
|
|
}
|
|
|
|
@include Arimo.fontFace(
|
|
$weight: 400,
|
|
$display: auto,
|
|
$style: normal,
|
|
$fontDir: "npm:@fontsource/arimo/files"
|
|
);
|
|
|
|
// Hack *does* come with its own CSS, but it's broken and hasn't seen
|
|
// a release since https://github.com/source-foundry/Hack/issues/467
|
|
// was resolved.
|
|
|
|
$variants: regular 400 normal, bold 700 normal, italic 400 italic,
|
|
bolditalic 700 italic;
|
|
|
|
@each $name, $weight, $style in $variants {
|
|
@font-face {
|
|
font-family: "Hack";
|
|
src: url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff2?sha=3114f1256")
|
|
format("woff2"),
|
|
url("npm:hack-font/build/web/fonts/hack-#{$name}-subset.woff?sha=3114f1256")
|
|
format("woff");
|
|
font-weight: $weight;
|
|
font-style: $style;
|
|
}
|
|
}
|