scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/sw-2998-font-optimization (pull request #2323)

Browse Source 
feat(SW-2998) - Optimize font loading

* feat(SW-2998) - Optimize font loading

* display swap on fonts


Approved-by: Anton Gunnarsson
This commit is contained in:
Linus Flood
2025-06-10 12:21:55 +00:00
parent 8ddcc39192
commit 9eb15e232b
5 changed files with 83 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
packages/design-system/lib/fonts.css
View File

@@ -1,5 +1,5 @@
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'biro script plus';
font-style: normal;
font-weight: 400;
@@ -7,7 +7,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'brandon text';
font-weight: 700;
src:
@@ -16,7 +16,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'brandon text';
font-weight: 900;
src:
@@ -25,7 +25,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 300;
@@ -37,7 +37,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 400;
@@ -49,7 +49,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 300;
@@ -57,7 +57,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 400;
@@ -65,7 +65,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 500;
@@ -73,7 +73,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 600;
@@ -81,7 +81,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 700;
@@ -89,7 +89,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 900;
@@ -97,7 +97,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: Garamond;
font-style: normal;
font-weight: 400;
@@ -109,7 +109,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 900;
@@ -119,7 +119,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 700;
@@ -129,7 +129,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 400;
@@ -141,7 +141,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 500;
@@ -153,7 +153,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Prumo text';
font-style: normal;
font-weight: 300;
@@ -163,7 +163,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 900;
@@ -171,7 +171,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 900;
@@ -180,7 +180,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 700;
@@ -188,7 +188,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 700;
@@ -197,7 +197,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 300;
@@ -205,7 +205,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 300;
@@ -214,7 +214,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 500;
@@ -222,7 +222,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 500;
@@ -231,7 +231,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 400;
@@ -239,7 +239,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 400;
@@ -248,7 +248,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 200;
@@ -256,7 +256,7 @@
}
@font-face {
font-display: fallback;
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 200;