index.html preloads the font, so text is drawn in Inter from the first render instead of swapping a round trip later

2026-11-10 19:27:53 +01:00
parent 1a7a6a3747
commit ea5081086f
1 changed files with 4 additions and 0 deletions
@@ -10,6 +10,10 @@
         instance's own path so the install is scoped to one house. -->
    <link rel="manifest" href="%BASE_URL%manifest.webmanifest" />
    <link rel="apple-touch-icon" href="%BASE_URL%apple-touch-icon.png" />
+    <!-- The font is otherwise asked for only once text is drawn, a round trip
+         after the first render. Vite puts the base in front, as it does for
+         the stylesheet's `url()`, so the two requests are the same one. -->
+    <link rel="preload" href="/fonts/inter-latin-variable.woff2" as="font" type="font/woff2" crossorigin />
    <title>Fluksio</title>
    <!-- Set the theme class before first paint so the app never flashes light.
         The CSP admits this script by its hash (nginx-security-headers.conf):