foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Ensure text remains visible during webfont load

Browse source
This commit is contained in:
Foster Hangdaan 2024-05-15 12:48:11 -04:00
parent a3fbc89c51
commit 97e65b7513
Signed by: foster
GPG key ID: E48D7F49A852F112
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
_includes/styles/fonts.scss
View file

@ -5,6 +5,7 @@ @font-face {
url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations'); url('https://static.fosterhangdaan.com/fonts/mona-sans/latest/MonaSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations');
font-weight: 200 900; font-weight: 200 900;
font-stretch: 75% 125%; font-stretch: 75% 125%;
font-display: swap;
} }
@font-face { @font-face {
@ -14,6 +15,7 @@ @font-face {
url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations'); url('https://static.fosterhangdaan.com/fonts/hubot-sans/latest/HubotSans%5Bslnt,wdth,wght%5D.woff2') format('woff2-variations');
font-weight: 200 900; font-weight: 200 900;
font-stretch: 75% 125%; font-stretch: 75% 125%;
font-display: swap;
} }
@font-face { @font-face {
@ -23,6 +25,7 @@ @font-face {
url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceNeonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap;
} }
@font-face { @font-face {
@ -32,6 +35,7 @@ @font-face {
url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceRadonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap;
} }
@font-face { @font-face {
@ -41,4 +45,5 @@ @font-face {
url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations'); url('https://static.fosterhangdaan.com/fonts/monaspace/v1.000/MonaspaceXenonVarVF%5Bwght,wdth,slnt%5D.woff2') format('woff2-variations');
font-weight: 200 800; font-weight: 200 800;
font-stretch: 100% 125%; font-stretch: 100% 125%;
font-display: swap;
} }