Merge pull request #181 from DaleStudy/176-pretendard-variable-font-change

스포크 한 산스 네오에서 프리텐다드 폰트로 변경

Author: hyoseong1994

panda.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   globalCss,
 
   globalVars: {
-    "--font-spoqa": "Spoqa Han Sans Neo",
+    "--font-pretendard": "Pretendard Variable",
   },
 
   staticCss: {

src/index.css

@@ -1,2 +1,2 @@
 @layer reset, base, tokens, recipes, utilities;
-@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.min.css");

src/styles/globalCss.ts

@@ -2,7 +2,7 @@ import { defineGlobalStyles } from "@pandacss/dev";
 
 export const globalCss = defineGlobalStyles({
   ":root": {
-    "--global-font-body": "var(--fonts-sans)",
+    "--global-font-body": "var(--fonts-pretendard)",
     backgroundColor: "var(--colors-base)",
   },
   h1: {

src/tokens/typography.mdx

@@ -3,7 +3,7 @@ import { fonts, fontWeights, fontSizes } from "./typography";
 
 # Typography
 
-> 달레 UI는 [스포카 한 산스 네오(Spoqa Han Sans Neo)](https://spoqa.github.io/spoqa-han-sans/) 웹폰트를 사용하고 있습니다.
+> 달레 UI는 [프리텐다드(Pretendard Variable)](https://github.com/orioncactus/pretendard) 웹폰트를 사용하고 있습니다.
 
 ## 글꼴 크기
 

src/tokens/typography.ts

@@ -80,7 +80,7 @@ export const textStyles = {
 };
 
 export const fonts = {
-  sans: { value: '"Spoqa Han Sans Neo", "Noto Sans KR", sans-serif' },
+  sans: { value: '"Pretendard Variable", "Noto Sans KR", sans-serif' },
   // TODO customize serif and mono font styles when needed
 };