fix: woff2 fallback woff

브라우저 별 호환성 고려 필요 mac safari, iOS safari Co-authored-by: ChanWoo Kim <[email protected]>
boostcampwm2023 · Jan 19, 2024 · e4711fe · e4711fe
1 parent 90c537e
commit e4711fe
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/front/src/GlobalStyles.tsx b/front/src/GlobalStyles.tsx
@@ -7,15 +7,17 @@ const GlobalStyles = createGlobalStyle`
 
   @font-face {
     font-family: 'Pretendard-Regular';
-    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff2');
+    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff2'),
+    url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
   }
 
   @font-face {
     font-family: 'KingSejongInstitute';
-    src: url('/fonts/KingSejongInstitute-Regular.ttf') format('woff2');
+    src: url('/fonts/KingSejongInstitute-Regular.ttf') format('woff2'),
+    url('/fonts/KingSejongInstitute-Regular.ttf') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;