diff --git a/index.html b/index.html index a3a65246..b538e3a4 100644 --- a/index.html +++ b/index.html @@ -9,17 +9,26 @@ /> "P-PICK | 스와이프로 발견하는 나만의 여행지" - + +
diff --git a/package.json b/package.json index 7483d959..965e6ddf 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "p-pick", "private": true, - "version": "0.0.1", + "version": "0.0.2", "type": "module", "scripts": { "dev": "vite", diff --git a/public/fonts/Pretendard-Bold.woff b/public/fonts/Pretendard-Bold.woff new file mode 100644 index 00000000..7837ae52 Binary files /dev/null and b/public/fonts/Pretendard-Bold.woff differ diff --git a/public/fonts/Pretendard-Light.woff b/public/fonts/Pretendard-Light.woff new file mode 100644 index 00000000..2cad6082 Binary files /dev/null and b/public/fonts/Pretendard-Light.woff differ diff --git a/public/fonts/Pretendard-Regular.woff b/public/fonts/Pretendard-Regular.woff new file mode 100644 index 00000000..e3b3a358 Binary files /dev/null and b/public/fonts/Pretendard-Regular.woff differ diff --git a/public/fonts/Pretendard-SemiBold.woff b/public/fonts/Pretendard-SemiBold.woff new file mode 100644 index 00000000..682e7a45 Binary files /dev/null and b/public/fonts/Pretendard-SemiBold.woff differ diff --git a/src/styles.css b/src/styles.css index a17a17e8..732f938c 100644 --- a/src/styles.css +++ b/src/styles.css @@ -15,7 +15,35 @@ body, width: 100%; display: flex; justify-content: center; + font-family: 'Pretendard', sans-serif; +} + +@font-face { + font-family: 'Pretendard'; + src: url('/fonts/Pretendard-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Pretendard'; + src: url('/fonts/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Pretendard'; + src: url('/fonts/Pretendard-SemiBold.woff') format('woff'); + font-weight: 600; + font-style: normal; + font-display: swap; +} +@font-face { font-family: 'Pretendard'; + src: url('/fonts/Pretendard-Bold.woff') format('woff'); + font-weight: 700; + font-style: normal; font-display: swap; } diff --git a/tailwind.config.ts b/tailwind.config.ts index 6d8b2ea1..6e6eed53 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -4,6 +4,9 @@ const config: Config = { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], theme: { extend: { + fontFamily: { + pretendard: ['Pretendard', 'sans-serif'], + }, zIndex: { button: '10', },