milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add check for weight name in local font name

Browse source
This commit is contained in:
jarnedemeulemeester 2021-01-06 11:11:12 +01:00
parent f6d08fb0dc
commit 0ab9292558
No known key found for this signature in database
GPG key ID: B61B7B150DB6A6D2
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/styles/noto-sans/index.scss
View file

@ -1,3 +1,8 @@
@use "sass:map";
// Map font weight numbers to names
$weight-names: (100: "Thin", 200: "ExtraLight", 300: "Light", 400: "Regular", 500: "Medium", 600: "SemiBold", 700: "Bold", 800: "ExtraBold", 900: "Black");
// Mixin to help create the Noto Sans font-faces // Mixin to help create the Noto Sans font-faces
@mixin fontFace($family: "Noto Sans", $style: normal, $weight: 400, $url: null, $range: null) { @mixin fontFace($family: "Noto Sans", $style: normal, $weight: 400, $url: null, $range: null) {
@font-face { @font-face {
@ -5,7 +10,7 @@
font-style: $style; font-style: $style;
font-display: swap; font-display: swap;
font-weight: $weight; font-weight: $weight;
src: local($family), url($url) format("woff2"); src: local($family), local("#{$family} #{map.get($weight-names, $weight)}"), url($url) format("woff2");
unicode-range: $range; unicode-range: $range;
} }
} }