riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 14 Activity

optimise fonts

Browse source 
fonts are now loaded in a hierarchy:
- title: smallest, loads first, "riki's fluffy little house" characters only
- crit: loads next, contains ASCII + some other stuff, in weights 400-900 (for body text and headings)
- full: loads last, contains everything (italics & monospace too)
This commit is contained in:
りき萌 2025-10-06 20:08:30 +02:00
parent 6b707587ef
commit 2de872e664
15 changed files with 122 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

35
template/components/_head.hbs
View file

@ -4,10 +4,43 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- -->
<link rel="preload" href="{{ asset 'font/recursive-title.woff2' }}" as="font" type="font/woff2" crossorigin fetchpriority="high">
<link rel="preload" href="{{ asset 'font/recursive-crit.woff2' }}" as="font" type="font/woff2" crossorigin>
<!-- -->
<style>
@font-face {
font-family: "RecVar";
font-family: "RecVar-Full";
src: url("{{{ asset 'font/recursive-casl0.woff2' }}}");
font-display: swap;
unicode-range: U+0-10FFFF;
}
@font-face {
font-family: "RecVar-Crit";
src: url("{{{ asset 'font/recursive-crit.woff2' }}}");
font-display: block;
font-weight: 400 900;
font-style: normal;
unicode-range: U+20-7E, U+2000-206F;
}
@font-face {
font-family: "RecVar-Crit";
src: url("{{{ asset 'font/recursive-casl0.woff2' }}}");
font-display: block;
font-style: normal;
unicode-range: U+80-1FFF, U+2070-10FFFF;
}
@font-face {
font-family: "RecVar-Title";
src: url("{{{ asset 'font/recursive-title.woff2' }}}");
font-display: block;
font-weight: 800 900;
font-style: normal;
unicode-range: U+20, U+27, U+65, U+66, U+68, U+69, U+6B, U+6C, U+6F, U+72, U+73, U+74, U+75, U+79;
}
</style>
<style>{{{ include_static 'css/base.css' }}}</style>