From bfdc60923947f8ed76537ab84df46158dd6a006d Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 25 Jul 2024 21:10:35 +0800
Subject: [PATCH] Preload Lexend fonts

---
 themes/leilukin/layouts/default.twig | 25 +++++++++++++++++++++++++
 themes/leilukin/stylesheets/all.css  | 21 ---------------------
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/themes/leilukin/layouts/default.twig b/themes/leilukin/layouts/default.twig
index 12131dc..b7b96ff 100644
--- a/themes/leilukin/layouts/default.twig
+++ b/themes/leilukin/layouts/default.twig
@@ -22,6 +22,31 @@
 <link rel="icon" type="image/png" sizes="32x32" href="{{ site.chyrp_url }}/favicon/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ site.chyrp_url }}/favicon/favicon-16x16.png">
 <link rel="manifest" href="{{ site.chyrp_url }}/favicon/site.webmanifest">
+<link rel="preload" href="../../../fonts/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="../../../fonts/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin>
+<style>
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 400;
+        src: url('../../../fonts/lexend-v19-latin-regular.woff2') format('woff2');
+    }
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 600;
+        src: url('../../../fonts/lexend-v19-latin-600.woff2') format('woff2');
+    }
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 700;
+        src: url('../../../fonts/lexend-v19-latin-700.woff2') format('woff2');
+    }
+</style>
 {{ theme.feeds() }}
 {{ theme.stylesheets() }}
 {{ theme.javascripts() }}
diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css
index 61c7224..6520d61 100644
--- a/themes/leilukin/stylesheets/all.css
+++ b/themes/leilukin/stylesheets/all.css
@@ -1,24 +1,3 @@
-@font-face {
-    font-display: swap;
-    font-family: 'Lexend';
-    font-style: normal;
-    font-weight: 400;
-    src: url('../../../fonts/lexend-v19-latin-regular.woff2') format('woff2');
-}
-@font-face {
-    font-display: swap;
-    font-family: 'Lexend';
-    font-style: normal;
-    font-weight: 600;
-    src: url('../../../fonts/lexend-v19-latin-600.woff2') format('woff2');
-}
-@font-face {
-    font-display: swap;
-    font-family: 'Lexend';
-    font-style: normal;
-    font-weight: 700;
-    src: url('../../../fonts/lexend-v19-latin-700.woff2') format('woff2');
-}
 html {
     font-size: 16px;
 }