From e656a3f2d56922e7fdca8e4eb7074fe423c392ff Mon Sep 17 00:00:00 2001
From: yunho <kimyouknow@naver.com>
Date: Sat, 9 Sep 2023 21:40:19 +0900
Subject: [PATCH] feat: typo theme

---
 src/styles/theme.ts |  4 +--
 src/styles/typo.ts  | 64 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 src/styles/typo.ts

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 3c13311c..c93ea42d 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -1,7 +1,7 @@
 import { colors } from './colors';
-// import { typos } from './typo';
+import { typos } from './typo';
 
 export const theme = {
   colors,
-  // typos,
+  typos,
 } as const;
diff --git a/src/styles/typo.ts b/src/styles/typo.ts
new file mode 100644
index 00000000..1bdf3cea
--- /dev/null
+++ b/src/styles/typo.ts
@@ -0,0 +1,64 @@
+import { css } from '@emotion/react';
+
+export const typos = {
+  pretendard: {
+    subTitle1: css`
+      /* Pretendard/Subtitle Bold */
+      font-size: 32px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 150%; /* 48px */
+      letter-spacing: -0.32px;
+    `,
+    subTitle2: css`
+      /* Pretendard/Subtitle 2 Bold */
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 150%; /* 30px */
+      letter-spacing: -0.2px;
+    `,
+    body1: css`
+      /* Pretendard/Body 1 Medium */
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 25.2px; /* 140% */
+      letter-spacing: -0.18px;
+    `,
+  },
+  decimal: {
+    title1: css`
+      /* Decimal/Title 1 */
+      font-size: 60px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 135%; /* 81px */
+      text-transform: capitalize;
+    `,
+    title2: css`
+      /* Decimal/Title 2 */
+      font-size: 40px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 135%; /* 54px */
+      text-transform: capitalize;
+    `,
+    subTitle1: css`
+      /* Decimal/Subtitle 1 */
+      font-size: 28px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 30px; /* 107.143% */
+      letter-spacing: -0.28px;
+    `,
+    body1: css`
+      /* Decimal/Body 1 */
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 25.2px; /* 140% */
+      letter-spacing: -0.18px;
+    `,
+  },
+};