48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
@use "@fontsource-utils/scss/src/mixins" as fontsource with (
|
|
$display: auto
|
|
);
|
|
@use "@fontsource-variable/arimo/scss/metadata.scss" as arimo;
|
|
@use "@fontsource-variable/nunito/scss/metadata.scss" as nunito;
|
|
|
|
@include fontsource.faces(
|
|
$metadata: nunito.$metadata,
|
|
$weights: (
|
|
300,
|
|
400,
|
|
500,
|
|
600,
|
|
700,
|
|
),
|
|
$subsets: latin,
|
|
$styles: (
|
|
normal,
|
|
italic,
|
|
),
|
|
$family: "Nunito",
|
|
$directory: "/@fontsource-variable/nunito"
|
|
);
|
|
|
|
@include fontsource.faces(
|
|
$metadata: arimo.$metadata,
|
|
$weights: 400,
|
|
$subsets: latin,
|
|
$styles: normal,
|
|
$family: "Arimo",
|
|
$directory: "/@fontsource-variable/arimo"
|
|
);
|
|
|
|
// 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 normal 400, bold normal 700, italic italic 400, bolditalic italic 700;
|
|
|
|
@each $name, $style, $weights in $variants {
|
|
@font-face {
|
|
font-family: "Hack";
|
|
font-style: $style;
|
|
font-display: auto;
|
|
font-weight: $weights;
|
|
src: url("/hack-font/hack-#{$name}-subset.woff2") format("woff2-variations");
|
|
}
|
|
}
|