From b7022ba2fb897883ada0d45a2b6d6899b9ab4c6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BF=E3=81=A6=E3=82=8B=E3=81=9E?= <miteruzo@naver.com>
Date: Sun, 28 Sep 2025 15:32:44 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=83=95=E3=82=A9=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E3=82=92=E6=8C=87=E5=AE=9A=EF=BC=88#136=EF=BC=89=20(#137)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#136

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: https://git.miteruzo.com/miteruzo/btrc-hub/pulls/137
---
 frontend/src/index.css      |  1 +
 frontend/tailwind.config.js | 62 ++++++++++++++++++++-----------------
 2 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 052faac..96489cd 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -7,6 +7,7 @@
   body
   {
     @apply overflow-x-clip;
+    @apply font-jpSans;
   }
 
   a
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index a56efa4..dd99906 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -2,35 +2,41 @@
 import type { Config } from 'tailwindcss'
 
 import { DARK_COLOUR_SHADE,
-         LIGHT_COLOUR_SHADE,
-         TAG_COLOUR } from './src/consts'
+	 LIGHT_COLOUR_SHADE,
+	 TAG_COLOUR } from './src/consts'
 
 const colours = Object.values (TAG_COLOUR)
 
 export default {
-  content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
-  safelist: [...colours.map (c => `text-${ c }-${ LIGHT_COLOUR_SHADE }`),
-             ...colours.map (c => `hover:text-${ c }-${ LIGHT_COLOUR_SHADE - 200 }`),
-             ...colours.map (c => `dark:text-${ c }-${ DARK_COLOUR_SHADE }`),
-             ...colours.map (c => `dark:hover:text-${ c }-${ DARK_COLOUR_SHADE - 200 }`)],
-  theme: {
-    extend: {
-      animation: {
-        'rainbow-scroll': 'rainbow-scroll .25s linear infinite',
-      },
-      colors: {
-        red: {
-          925: '#5f1414',
-          975: '#230505',
-        }
-      },
-      keyframes: {
-        'rainbow-scroll': {
-          '0%': { backgroundPosition: '0% 50%' },
-          '100%': { backgroundPosition: '200% 50%' },
-        },
-      },
-    }
-  },
-  plugins: [],
-} satisfies Config
+    content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
+    safelist: [...colours.map (c => `text-${ c }-${ LIGHT_COLOUR_SHADE }`),
+	       ...colours.map (c => `hover:text-${ c }-${ LIGHT_COLOUR_SHADE - 200 }`),
+	       ...colours.map (c => `dark:text-${ c }-${ DARK_COLOUR_SHADE }`),
+	       ...colours.map (c => `dark:hover:text-${ c }-${ DARK_COLOUR_SHADE - 200 }`)],
+    theme: {
+	extend: {
+	    animation: {
+		'rainbow-scroll': 'rainbow-scroll .25s linear infinite' },
+	    colors: {
+		red: { 925: '#5f1414',
+		       975: '#230505' } },
+	    keyframes: {
+		'rainbow-scroll': {
+		    '0%':   { backgroundPosition: '0% 50%' },
+		    '100%': { backgroundPosition: '200% 50%' } } },
+	    fontFamily: {
+		jpSans: ['Noto Sans JP',
+			 'Hiragino Kaku Gothic ProN',
+			 'ヒラギノ角ゴ ProN W3',
+			 'Yu Gothic',
+			 '游ゴシック体',
+			 'Meiryo',
+			 'sans-serif'],
+		jpSerif: ['Noto Serif JP',
+			  'Hiragino Mincho ProN',
+			  'ヒラギノ明朝 ProN W3',
+			  'Yu Mincho',
+			  '游明朝',
+			  'MS PMincho',
+			  'serif'] } } },
+    plugins: [] } satisfies Config