Feat: Fonts폴더에 Fonts.css 작성 및 메인페이지 폰트 uhbee로 변경

Fonts 추가 시 요 폴더에 추가해주시면 감사하겠습니다 !!!✨

src/assets/fonts/fonts.css

@@ -0,0 +1,8 @@
+/* src/assets/fonts.css */
+@font-face {
+  font-family: 'UhBeeSe_hyun';
+  src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/[email protected]/UhBeeSe_hyun.woff')
+    format('woff');
+  font-weight: normal;
+  font-style: normal;
+}

src/main.js

@@ -7,6 +7,8 @@ import axios from 'axios'
 import './assets/styles/global.css'
 import 'tailwindcss/tailwind.css'
 import 'bootstrap/dist/css/bootstrap.min.css'
+import './assets/fonts/fonts.css'
+
 import VCalendar from 'v-calendar' // v-calendar를 불러오기
 axios.defaults.withCredentials = true
 

src/views/mainpage/MainpageView.vue

@@ -7,7 +7,9 @@
       <!-- 본문 내용 -->
       <main class="flex flex-col px-6 pt-20 pb-24">
         <!-- 제목 -->
-        <h1 class="mb-6 text-2xl font-bold text-center text-gray-800">
+        <h1
+          class="mb-6 text-xl font-medium text-center text-gray-800 font-uhbeesehyun"
+        >
           오늘도 우리 아코는 한 걸음씩!
         </h1>
 

tailwind.config.js

@@ -5,7 +5,8 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        pretendard: ['Pretendard', 'sans-serif'] // Pretendard 폰트 추가
+        pretendard: ['Pretendard', 'sans-serif'], // Pretendard 폰트 추가
+        uhbeesehyun: ['UhBeeSe_hyun', 'sans-serif'] // UhBeeSe_hyun 폰트 추가
       },
       colors: {
         customBg: '#FFF9F2'