frontend/src/index.css

@@ -7,6 +7,7 @@
   body
   {
     @apply overflow-x-clip;
+    @apply font-jpSans;
   }
 
   a

frontend/tailwind.config.js

@@ -16,21 +16,27 @@ export default {
     theme: {
 	extend: {
 	    animation: {
-        'rainbow-scroll': 'rainbow-scroll .25s linear infinite',
-      },
+		'rainbow-scroll': 'rainbow-scroll .25s linear infinite' },
 	    colors: {
-        red: {
-          925: '#5f1414',
-          975: '#230505',
-        }
-      },
+		red: { 925: '#5f1414',
+		       975: '#230505' } },
 	    keyframes: {
 		'rainbow-scroll': {
 		    '0%':   { backgroundPosition: '0% 50%' },
-          '100%': { backgroundPosition: '200% 50%' },
-        },
-      },
-    }
-  },
-  plugins: [],
-} satisfies Config
+		    '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