fix: block text rendering until web fonts load

font-display: optional gives the web fonts only ~100ms; on a cold cache, or once GitHub Pages' max-age=600 expires and the font must revalidate, they miss that window and the whole page view renders in Georgia/Avenir Next until reload.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-26 12:42:56 +08:00
co-authored by Claude
parent c212db087c
commit 21d57daf1c
+2 -2
View File
@@ -8,7 +8,7 @@
@font-face {
font-family: "Cormorant Garamond";
font-weight: 600;
font-display: optional;
font-display: block;
src: url("/static/fonts/cormorant-garamond-600-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@@ -16,7 +16,7 @@
@font-face {
font-family: "Manrope";
font-weight: 400 800;
font-display: optional;
font-display: block;
src: url("/static/fonts/manrope-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}