feat: Pretendard Regular woff2 하나만 남겨놓고 제거

Musma · Nov 15, 2022 · de9fd5a · de9fd5a
1 parent f48984f
commit de9fd5a
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 26 deletions.
diff --git a/.changeset/curly-turkeys-shake.md b/.changeset/curly-turkeys-shake.md
@@ -0,0 +1,5 @@
+---
+"@musma/react-component": patch
+---
+
+feat: Pretendard Regular woff2 하나만 남겨놓고 제거
diff --git a/packages/react-component/src/Component.tsx b/packages/react-component/src/Component.tsx
@@ -2,7 +2,7 @@ import { MouseEvent, useCallback, useMemo, useState } from 'react'
 
 import { Box } from 'src/elements'
 
-import { Button, Dropdown, Select } from './components'
+import { Button, Dropdown, Select, Typography } from './components'
 
 const OPTIONS = [
   { label: '31', value: 31 },
@@ -26,6 +26,7 @@ export const Component = () => {
 
   return (
     <Box>
+      <Typography type="h1">안녕하시렵니까.</Typography>
       <Box css={{ textAlign: 'center', padding: 40 }}>
         <Button onClick={toggleModal}>드롭다운 버튼</Button>
       </Box>

diff --git a/packages/react-component/src/assets/fonts/Pretendard-Bold.subset.woff2 b/packages/react-component/src/assets/fonts/Pretendard-Bold.subset.woff2
diff --git a/packages/react-component/src/assets/fonts/Pretendard-Light.subset.woff2 b/packages/react-component/src/assets/fonts/Pretendard-Light.subset.woff2
diff --git a/packages/react-component/src/assets/fonts/Pretendard-Medium.subset.woff2 b/packages/react-component/src/assets/fonts/Pretendard-Medium.subset.woff2
diff --git a/packages/react-component/src/assets/fonts/Pretendard-SemiBold.subset.woff2 b/packages/react-component/src/assets/fonts/Pretendard-SemiBold.subset.woff2
diff --git a/packages/react-component/src/theme/PretendardFont/PretendardFont.tsx b/packages/react-component/src/theme/PretendardFont/PretendardFont.tsx
@@ -1,35 +1,11 @@
 import { css, Global } from '@emotion/react'
 
-import PretendardBold from 'src/assets/fonts/Pretendard-Bold.subset.woff2'
-import PretendardMedium from 'src/assets/fonts/Pretendard-Medium.subset.woff2'
 import PretendardRegular from 'src/assets/fonts/Pretendard-Regular.subset.woff2'
-import PretendardSemiBold from 'src/assets/fonts/Pretendard-SemiBold.subset.woff2'
 
 export const PretendardFont = () => {
   return (
     <Global
       styles={css`
-        @font-face {
-          font-family: 'Pretendard';
-          font-weight: 700;
-          font-display: swap;
-          src: local('Pretendard Bold'), url(${PretendardBold}) format('woff2');
-        }
-
-        @font-face {
-          font-family: 'Pretendard';
-          font-weight: 600;
-          font-display: swap;
-          src: local('Pretendard SemiBold'), url(${PretendardSemiBold}) format('woff2');
-        }
-
-        @font-face {
-          font-family: 'Pretendard';
-          font-weight: 500;
-          font-display: swap;
-          src: local('Pretendard Medium'), url(${PretendardMedium}) format('woff2');
-        }
-
         @font-face {
           font-family: 'Pretendard';
           font-weight: 400;
@@ -38,7 +14,9 @@ export const PretendardFont = () => {
         }
 
         html {
-          font-family: 'Pretendard';
+          font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
+            system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR',
+            'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
         }
       `}
     />