better font loading

This commit is contained in:
Theo Browne 2025-02-14 23:04:53 -08:00
parent d91a6287a2
commit 4f451f8479
No known key found for this signature in database
GPG Key ID: BDDADD971F49875D
2 changed files with 31 additions and 1 deletions

View File

@ -3,6 +3,27 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/search.svg" />
<link
rel="preconnect"
href="https://fonts.googleapis.com"
crossorigin="anonymous"
/>
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin="anonymous"
/>
<link
rel="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
media="print"
onload="this.media='all'"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Unduck</title>
<meta

View File

@ -1,8 +1,17 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); */
/* Font fallback that closely matches Inter metrics */
@font-face {
font-family: "Inter Fallback";
size-adjust: 107%;
ascent-override: 90%;
src: local("Arial");
}
:root {
font-family:
Inter,
"Inter Fallback",
system-ui,
-apple-system,
BlinkMacSystemFont,