cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(css): ✨ add fallback font-faces to avoid CLS

Browse source
This commit is contained in:
Julien Oculi 2024-06-07 10:25:55 +02:00
parent 45f38b28d3
commit 503d8425c2
1 changed files with 31 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/stylesheets/base.css
View file

@ -1,9 +1,37 @@
@font-face {
font-family: 'Adjusted Lucida Bright Fallback';
src: local(Lucida Bright);
size-adjust: 113%;
ascent-override: normal;
descent-override: 13%;
line-gap-override: normal;
}
@font-face {
font-family: 'Adjusted Verdana Fallback';
src: local(Verdana);
size-adjust: 93.5%;
ascent-override: 123%;
descent-override: 48%;
line-gap-override: normal;
}
@font-face {
font-family: 'Adjusted Courier New Fallback';
src: local(Courier New);
size-adjust: 100%;
ascent-override: 93%;
descent-override: 37%;
line-gap-override: normal;
}
:root {
/* font */
--_font-size: var(--font-size-1);
--_font-family: 'MuseoModerno', sans-serif;
--_font-family-accent: 'Hepta Slab', serif;
--_font-family-code: 'Fira Code', monospace;
--_font-family: 'MuseoModerno', 'Adjusted Verdana Fallback', sans-serif;
--_font-family-accent: 'Hepta Slab', 'Adjusted Lucida Bright Fallback',
serif;
--_font-family-code: 'Fira Code', 'Adjusted Courier New Fallback', monospace;
--_font-color: var(--choco-12);
/* border */