refactor: font loading

boostcampwm2023 · Apr 21, 2024 · c51d004 · c51d004
1 parent b6b096d
commit c51d004
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/front/index.html b/front/index.html
@@ -3,6 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <!-- font preload -->
+    <link
+      rel="preload"
+      href="/fonts/KingSejongInstitue-Regular.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="스노우볼 속 내 마음" />
     <meta property="og:url" content="https://mysnowball.kr" />

diff --git a/front/public/fonts/KingSejongInstitute-Regular.woff b/front/public/fonts/KingSejongInstitute-Regular.woff
diff --git a/front/public/fonts/KingSejongInstitute-Regular.woff2 b/front/public/fonts/KingSejongInstitute-Regular.woff2
diff --git a/front/src/GlobalStyles.tsx b/front/src/GlobalStyles.tsx
@@ -16,8 +16,8 @@ const GlobalStyles = createGlobalStyle`
 
   @font-face {
     font-family: 'KingSejongInstitute';
-    src: url('/fonts/KingSejongInstitute-Regular.ttf') format('woff2'),
-    url('/fonts/KingSejongInstitute-Regular.ttf') format('woff');
+    src: url('/fonts/KingSejongInstitute-Regular.woff2') format('woff2'),
+    url('/fonts/KingSejongInstitute-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;