Perf/#352-B: font css에서 불러오기 (#354)

dohun31 · web-flow · commit 35be04f7e5e4 · 2022-12-13T17:39:55.000+09:00
Resolve: #352
diff --git a/client/index.html b/client/index.html
@@ -3,12 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap"
-      rel="stylesheet"
-    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wabinar</title>
   </head>
diff --git a/client/src/styles/reset.scss b/client/src/styles/reset.scss
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
+}
+
 html,
 body,
 div,
@@ -79,13 +84,13 @@ time,
 mark,
 audio,
 video {
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0;
-  font-size: 100%;
   font: inherit;
+  font-size: 100%;
   vertical-align: baseline;
-  box-sizing: border-box;
 }
 
 article,
@@ -104,9 +109,9 @@ section {
 }
 
 body {
-  line-height: normal;
   font-family: 'Noto Sans KR', sans-serif;
   font-weight: 400;
+  line-height: normal;
 }
 ol,
 ul {
@@ -124,8 +129,8 @@ q:after {
   content: none;
 }
 table {
-  border-collapse: collapse;
   border-spacing: 0;
+  border-collapse: collapse;
 }
 
 input,
@@ -149,7 +154,7 @@ textarea {
 
 button {
   padding: 0;
-  background-color: transparent;
   border: none;
+  background-color: transparent;
   cursor: pointer;
 }
