Optimize pretendard font loading (#49)

winterjung · Jan 4, 2025 · 4199903 · 4199903
1 parent 03c9ae9
commit 4199903
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 10 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -1 +1,2 @@
+import "./static/fonts/pretendardvariable.css"
 import "./static/theme/github-light.css"
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/seo.jsx b/src/components/seo.jsx
@@ -45,13 +45,6 @@ export default function Seo({ title, description, image }) {
             <meta name="twitter:description" content={meta.description} />
             <meta name="twitter:image" content={meta.image} />
             <meta name="twitter:creator" content={twitterUsername} />
-
-            <link
-                rel="stylesheet"
-                as="style"
-                crossorigin
-                href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
-            />
         </Helmet>
     )
 }

diff --git a/static/fonts/PretendardVariable.woff2 b/static/fonts/PretendardVariable.woff2
diff --git a/static/fonts/pretendardvariable.css b/static/fonts/pretendardvariable.css
@@ -0,0 +1,16 @@
+/*
+Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
+https://github.com/orioncactus/pretendard
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+*/
+
+@font-face {
+	font-family: 'Pretendard Variable';
+	font-weight: 45 920;
+	font-style: normal;
+	font-display: swap;
+	src: url('./PretendardVariable.woff2') format('woff2-variations');
+}
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		import "./static/fonts/pretendardvariable.css"
		import "./static/theme/github-light.css"