pretendard 폰트 적용 (#5)

* pretendard 폰트 적용 * pretendard-dynamic-subset으로 변경 * @import -> link 방식으로 웹폰트 로딩 방식 변경
hmu332233 · May 6, 2022 · c9d8104 · c9d8104 · vercel · May 6, 2022
1 parent 235082b
commit c9d8104
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -20,6 +20,12 @@ function Document() {
             `,
           }}
         />
+        <link
+          rel="stylesheet"
+          as="style"
+          crossOrigin=""
+          href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css"
+        />
       </Head>
       <body>
         <Main />

diff --git a/styles/globals.css b/styles/globals.css
@@ -2,6 +2,11 @@
 @tailwind components;
 @tailwind utilities;
 
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
+    Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic',
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
+}
 
 .container {
   min-width: 360px;
@@ -10,4 +15,4 @@
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
-}
+}