From f1799c2a44dc11575c86d2db56507d8b3206a9cf Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Tue, 24 Mar 2026 12:55:04 +0800
Subject: [PATCH] perf(fonts): defer Google Fonts load to avoid render-blocking

Use media='print' + onload swap trick to load the stylesheet
non-blocking. Add noscript fallback for JS-disabled browsers.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/templates/base.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/website/templates/base.html b/website/templates/base.html
index d7d7d2e..bdb3806 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -25,7 +25,13 @@
     <link
       href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=Manrope:wght@400;600;700;800&display=swap"
       rel="stylesheet"
+      media="print"
+      onload="this.media='all'"
     />
+    <noscript><link
+      href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=Manrope:wght@400;600;700;800&display=swap"
+      rel="stylesheet"
+    /></noscript>
     <link rel="stylesheet" href="/static/style.css" />
     <script
       async