[FE][Feat] : pretendard font 설정

boostcampwm-2024 · Nov 5, 2024 · d815544 · d815544
1 parent ad0e76e
commit d815544
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/FrontEnd/package.json b/FrontEnd/package.json
@@ -19,6 +19,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@fontsource/pretendard": "^5.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

diff --git a/FrontEnd/src/index.css b/FrontEnd/src/index.css
@@ -17,6 +17,10 @@
   box-sizing: border-box; /* padding과 border를 box 크기에 포함 */
 }
 
+body {
+  font-family: 'Pretendard', sans-serif;
+}
+
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,

diff --git a/FrontEnd/src/main.tsx b/FrontEnd/src/main.tsx
@@ -2,6 +2,16 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
 import { App } from './App';
+// 우선은 폰트 다 포함시켰는데, 나중에 사용할 것들만 따로 뺴자.
+import '@fontsource/pretendard/100.css';
+import '@fontsource/pretendard/200.css';
+import '@fontsource/pretendard/300.css';
+import '@fontsource/pretendard/400.css';
+import '@fontsource/pretendard/500.css';
+import '@fontsource/pretendard/600.css';
+import '@fontsource/pretendard/700.css';
+import '@fontsource/pretendard/800.css';
+import '@fontsource/pretendard/900.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml