[#223] Firefox에서 구글 폰트 계속 요청하는 현상 해결

- html에서 link로 요청하는 방식에서 font 파일을 가져오는 방식으로 변경
kiworkshop · May 15, 2021 · 0b68ed8 · 0b68ed8
1 parent a003892
commit 0b68ed8
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 4 deletions.
diff --git a/src/frontend/public/index.html b/src/frontend/public/index.html
@@ -9,10 +9,6 @@
       name="description"
       content="매일매일 굴러 가는 당신의 자산을 관리하세요."
     />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
-      rel="stylesheet"
-    />
     <title>스노우볼 :: 매일매일 굴러가는 당신의 자산을 관리하세요!</title>
   </head>
   <body>

diff --git a/src/frontend/src/index.less b/src/frontend/src/index.less
@@ -1,5 +1,47 @@
 @import '~antd/dist/antd.less';
 
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Thin.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 100;
+}
+
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Light.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Regular.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 400;
+}
+
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Medium.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 500;
+}
+
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Bold.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 700;
+}
+
+@font-face {
+  src: local('Noto Sans KR'), url('./static/fonts/NotoSansKR-Black.otf') format('opentype');
+  font-family: 'Noto Sans KR';
+  font-style: normal;
+  font-weight: 900;
+}
+
 body {
   margin: 0;
   font-family: 'Noto Sans KR', sans-serif, -apple-system, BlinkMacSystemFont,

diff --git a/src/frontend/src/static/fonts/NotoSansKR-Black.otf b/src/frontend/src/static/fonts/NotoSansKR-Black.otf
diff --git a/src/frontend/src/static/fonts/NotoSansKR-Bold.otf b/src/frontend/src/static/fonts/NotoSansKR-Bold.otf
diff --git a/src/frontend/src/static/fonts/NotoSansKR-Light.otf b/src/frontend/src/static/fonts/NotoSansKR-Light.otf
diff --git a/src/frontend/src/static/fonts/NotoSansKR-Medium.otf b/src/frontend/src/static/fonts/NotoSansKR-Medium.otf
diff --git a/src/frontend/src/static/fonts/NotoSansKR-Regular.otf b/src/frontend/src/static/fonts/NotoSansKR-Regular.otf
diff --git a/src/frontend/src/static/fonts/NotoSansKR-Thin.otf b/src/frontend/src/static/fonts/NotoSansKR-Thin.otf