HOTFIX!: safari 웹 폰트 적용이슈 수정

GDG-on-Campus-KNU · Sep 21, 2024 · 98a739b · 98a739b
1 parent 12087c6
commit 98a739b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/public/fonts/NotoSansKR-VariableFont_wght.woff2 b/public/fonts/NotoSansKR-VariableFont_wght.woff2
diff --git a/src/styles/GlobalStyle.ts b/src/styles/GlobalStyle.ts
@@ -50,12 +50,14 @@ const colorGradient = 'linear-gradient(to top, #1f1632 0%, #392f4f 100%)';
 
 export const GlobalStyle = css`
   @font-face {
-    font-family: 'Noto Sans KR';
+    font-family: 'Noto Sans KR-VariableFont_wght';
     src:
-      url('https://gdsc-knu.com/fonts/NotoSansKR-VariableFont_wght.otf')
-        format('opentype-variations'),
+      url('https://gdsc-knu.com/fonts/NotoSansKR-VariableFont_wght.woff2')
+        format('woff2-variations'),
       url('https://gdsc-knu.com/fonts/NotoSansKR-VariableFont_wght.woff')
         format('woff-variations'),
+      url('https://gdsc-knu.com/fonts/NotoSansKR-VariableFont_wght.otf')
+        format('opentype-variations'),
       url('https://gdsc-knu.com/fonts/NotoSansKR-VariableFont_wght.ttf')
         format('truetype-variations');
     font-weight: 100 900;
@@ -125,7 +127,8 @@ export const GlobalStyle = css`
     -ms-overflow-style: none;
     scrollbar-width: none;
     flex-direction: column;
-    font-family: 'NotoSansKR-VariableFont_wght';
+    font-family: 'NotoSansKR-VariableFont_wght', 'Apple SD Gothic Neo',
+      Sans-serif;
     font-optical-sizing: auto;
     background-color: var(--color-revolver);
     color: var(--color-white);