chore(font.scss): update font-face declaration for 'Geist' font and add font-display property for better font loading performance

chore(font.scss): add font-face declaration for 'fw' font and set font-display property for better font loading performance
chore(typography.scss): update font-family property for body element to use 'Geist' font as the primary font
chore(typography.scss): update font-family property for button element to use 'fw' font as the primary font
This commit is contained in:
Sped0n
2023-11-01 23:02:37 +08:00
parent 3d88d5a243
commit 7b48cf6e91
2 changed files with 15 additions and 4 deletions

View File

@@ -1,6 +1,13 @@
@font-face {
font-family: HelveticaNow;
src: url('/lib/fonts/HelveticaNowText-Regular.woff2') format('woff2');
font-weight: 400;
font-family: 'Geist';
src: url('/lib/fonts/GeistVF.woff2') format('woff2');
font-weight: 90;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'fw';
src: url('/lib/fonts/fw.svg') format('svg');
font-display: swap;
}

View File

@@ -3,7 +3,11 @@
body {
line-height: 1.2;
font-size: 16px;
font-family: HelveticaNow, helvetica, arial, sans-serif;
font-family: 'Geist', helvetica, arial, sans-serif;
button {
font-family: 'fw', sans-serif;
}
@include min-width('tablet') {
font-size: 18px;