Commitfb71554unknown_key
fix(fonts): kill Google Fonts dependency, use system fonts (Segoe UI / SF)
fix(fonts): kill Google Fonts dependency, use system fonts (Segoe UI / SF) User screenshot showed everything rendering in serif (Times New Roman style). Root cause: font chain depended on Google Fonts loading Inter, fallbacks then hit some serif default in the user's Chrome on Windows. Fix: system-fonts FIRST chain. Segoe UI on Windows, San Francisco on Mac, Roboto on Android. Native to every OS, zero network round-trip, zero fail mode, never falls back to serif. Inter kept as optional upgrade if already installed locally. Removed the <link> to fonts.googleapis.com entirely.
1 file changed+6−10fb7155416fcf12456cdd313e73b165524e398e75
1 changed file+6−10
Modifiedsrc/views/layout.tsx+6−10View fileUnifiedSplit
@@ -22,12 +22,6 @@ export const Layout: FC<
2222 <meta name="theme-color" content="#0d1117" />
2323 <link rel="manifest" href="/manifest.webmanifest" />
2424 <link rel="icon" type="image/svg+xml" href="/icon.svg" />
25 <link rel="preconnect" href="https://fonts.googleapis.com" />
26 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
27 <link
28 rel="stylesheet"
29 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
30 />
3125 <title>{title ? `${title} — gluecron` : "gluecron"}</title>
3226 <script>{themeInitScript}</script>
3327 <style>{css}</style>
@@ -455,10 +449,12 @@ const css = `
455449 --amber: #fbbf24;
456450 --blue: #60a5fa;
457451
458 /* Type — Inter Tight for sans (tighter metrics) */
459 --font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', ui-monospace, monospace;
460 --font-sans: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
461 --font-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
452 /* Type — system fonts FIRST so we never depend on Google Fonts loading.
453 Segoe UI (Win), -apple-system / SF (Mac), Roboto (Android), Inter as
454 optional upgrade if the user already has it. NEVER falls back to serif. */
455 --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'Cascadia Mono', Menlo, Consolas, 'Courier New', monospace;
456 --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI Variable', 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, 'Inter', sans-serif;
457 --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI Variable', 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, 'Inter Tight', 'Inter', sans-serif;
462458 --mono-feat: 'calt', 'liga', 'ss01';
463459
464460 /* Radius — sharper than before */
465461