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>
16 lines
617 B
HTML
16 lines
617 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
|
|
<title>Deepstock — Survival Preparedness Advisor</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
|
|
<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>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|