lfg2025/deepstock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: revert font-display to swap so DM Serif hero loads bold

Browse Source 
display=optional gave browsers only ~100ms to fetch DM Serif Display
before sticking with the system serif fallback — on any uncached
visit that meant the hero "Deepstock" title rendered thin (system
serif at weight 400) and never swapped to the thick display font.

Back to display=swap: brief FOUT on first paint, but the bold serif
is what users actually see.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-05-05 14:22:56 +01:00
parent f4dadf1ec7
commit 832f7dd602
1 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -6,10 +6,7 @@
<title>Deepstock — Survival Preparedness Advisor</title>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<!-- font-display=optional: render with system fallback, swap to webfont
only if it's already cached. Eliminates the visible bold-flash that
`display=swap` was causing on first paint. -->
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Serif+Display&family=Barlow:wght@300;400;500;600&display=optional" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Serif+Display&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet"/>
</head>
<body>
<div id="app"></div>