Feat: Add Pretendard font and typography

MARU-EGG · Jul 19, 2024 · 210f01b · 210f01b
1 parent 7a8edc2
commit 210f01b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -1,3 +1,10 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
+
+@font-face {
+  font-family: 'Pretendard';
+  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -14,6 +14,15 @@ module.exports = {
         mobile: '360px',
         desktop: '769px',
       },
+      fontFamily: {
+        pretendard: 'Pretendard',
+      },
+      fontSize: {
+        body1: ['16px', { lineHeight: '24px', fontWeight: '400' }],
+        body2: ['16px', { lineHeight: '24px', fontWeight: '500' }],
+        body3: ['14px', { lineHeight: '20px', fontWeight: '500' }],
+        title: ['24px', { lineHeight: '32px', fontWeight: '700' }],
+      },
     },
   },
   plugins: [],