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

feat (#SW-751): added fallback as font-display to avoid flash of unstyled text

Browse Source
This commit is contained in:
Linus Flood
2024-11-01 07:53:24 +01:00
parent 6ffee458dc
commit e641797522
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/globals.css
View File

@@ -1,5 +1,5 @@
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "biro script plus"; font-family: "biro script plus";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -7,7 +7,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "brandon text"; font-family: "brandon text";
font-weight: 700; font-weight: 700;
src: src:
@@ -16,7 +16,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "brandon text"; font-family: "brandon text";
font-weight: 900; font-weight: 900;
src: src:
@@ -25,7 +25,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -33,7 +33,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
@@ -41,7 +41,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
@@ -49,7 +49,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
@@ -57,7 +57,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -65,7 +65,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
@@ -73,7 +73,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
@@ -81,7 +81,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
@@ -89,7 +89,7 @@
} }
@font-face { @font-face {
font-display: swap; font-display: fallback;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;