chore: font loading strategy
This commit is contained in:
parent
6e16b957ee
commit
069c937515
8 changed files with 34 additions and 29 deletions
31
src/assets/styles/fonts/index.css
Normal file
31
src/assets/styles/fonts/index.css
Normal file
|
@ -0,0 +1,31 @@
|
|||
@font-face {
|
||||
font-family: 'silka';
|
||||
src: url('/assets/fonts/silka/black.woff2') format('woff2'),;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'silka';
|
||||
src: url('/assets/fonts/silka/bold.woff2') format('woff2'),;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'silka';
|
||||
src: url('/assets/fonts/silka/regular.woff2') format('woff2'),;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'serif-fallback';
|
||||
src: local('Helvetica Neue');
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
}
|
File diff suppressed because one or more lines are too long
|
@ -52,7 +52,7 @@
|
|||
--webrings: #ec8fd0;
|
||||
|
||||
/* fonts */
|
||||
--font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
|
||||
--font-sans: silka, 'serif-fallback', system-ui, sans-serif;
|
||||
--font-mono: ui-monospace, monospace;
|
||||
|
||||
/* text */
|
||||
|
|
Reference in a new issue