feat: Pretendard 로컬 폰트 추가

yourssu · Jul 8, 2024 · f51a058 · f51a058
1 parent da5f66b
commit f51a058
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1,5 +1,22 @@
-<link
-  href="//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css"
-  rel="stylesheet"
-  type="text/css"
-/>
+<style>
+  @font-face {
+    font-family: 'Pretendard';
+    src: url('/fonts/Pretendard-Light.subset.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: 'Pretendard';
+    src: url('/fonts/Pretendard-Regular.subset.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: 'Pretendard';
+    src: url('/fonts/Pretendard-SemiBold.subset.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+  }
+</style>
diff --git a/fonts/Pretendard-Light.subset.woff2 b/fonts/Pretendard-Light.subset.woff2
diff --git a/fonts/Pretendard-Regular.subset.woff2 b/fonts/Pretendard-Regular.subset.woff2
diff --git a/fonts/Pretendard-SemiBold.subset.woff2 b/fonts/Pretendard-SemiBold.subset.woff2
diff --git a/src/style/foundation/typo/TypoDocs.md b/src/style/foundation/typo/TypoDocs.md
@@ -5,6 +5,7 @@ Handy Typography는 Handy에서 사용하는 타이포그래피 스타일입니
 - 폰트는 **Pretendard**를 사용합니다. 단, 필기체와 같은 브랜딩 폰트는 가이드에서 벗어나 자유롭게 사용 가능합니다.
 - 폰트의 **한글과 영문을 잘 구분**해서 사용합니다.
 - 굵기는 Light(300), Regular(400), Semibold(600) 만 사용합니다.
+- subset 파일을 사용하므로, 지원하지 않는 글자에 대해 유의해주세요.
 
 <br />