1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
@use "sass:list";
$-faces: (
100: ("Thin", "ThinItalic"),
200: ("ExtraLight", "ExtraLightItalic"),
300: ("Light", "LightItalic"),
400: ("Regular", "Italic"),
450: ("Text", "TextItalic"),
500: ("Medium", "MediumItalic"),
600: ("SemiBold", "SemiBoldItalic"),
700: ("Bold", "BoldItalic"),
);
$-styles: normal italic;
@each $weight, $names in $-faces {
@for $i from 1 through 2 {
@font-face {
font-family: "IBM Plex Mono";
src: url("/fonts/mono/IBMPlexMono-#{list.nth($names, $i)}.woff2") format("woff2");
font-weight: $weight;
font-style: list.nth($-styles, $i);
font-display: swap;
}
}
}
$mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
