style(font): Unify font to Mincho typeface

Author: tknkaa

src/App.tsx

@@ -26,6 +26,9 @@ function App() {
 		score: 25000,
 	});
 	return (
+		<div style={{
+			fontFamily: "YuMincho, Hiragino Mincho ProN, serif"
+		}}>
 		<Router>
 			<Routes>
 				<Route path="/" element={<Start setPlayerInfo={setPlayerInfo} />} />
@@ -43,6 +46,7 @@ function App() {
 				<Route path="*" element={<NotFound />} />
 			</Routes>
 		</Router>
+		</div>
 	);
 }
 

src/index.css

@@ -1,5 +1,4 @@
 :root {
-	font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 	line-height: 1.5;
 	font-weight: 400;
 
@@ -49,7 +48,6 @@ button {
 	padding: 0.6em 1.2em;
 	font-size: 1em;
 	font-weight: 500;
-	font-family: inherit;
 	background-color: #1a1a1a;
 	cursor: pointer;
 	transition: border-color 0.25s;

src/pages/Play/GameInterface.tsx

@@ -215,7 +215,6 @@ const GameInterface = (props: GameInterfaceProps) => {
 				flexDirection: "column",
 				alignItems: "center",
 				padding: "1rem",
-				fontFamily: "Arial, sans-serif",
 				width: "80vw",
 				height: "80vh",
 				gap: "1rem",

src/pages/Play/components/DrawEnd.tsx

@@ -14,8 +14,6 @@ export default function DrawEnd(props: DrawEndProps) {
 				<div
 					style={{
 						marginTop: "10px",
-						fontFamily:
-							"Noto Serif JP, Source Han Serif JP, Hiragino Mincho ProN,Yu Mincho, serif",
 						fontSize: "80px",
 						marginBottom: "20px",
 					}}

src/pages/Play/components/TsumoEnd.tsx

@@ -17,8 +17,6 @@ export default function TsumoEnd(props: TsumoEndProps) {
 		>
 			<div
 				style={{
-					fontFamily:
-						"Noto Serif JP, Source Han Serif JP, Hiragino Mincho ProN, Yu Mincho, serif",
 					fontSize: "8rem",
 					fontWeight: "1000",
 					color: "red",

src/pages/Play/styles/DrawEnd.module.css

@@ -4,8 +4,6 @@
 
 .title {
 	margin-top: 10px;
-	font-family: "Noto Serif JP", "Source Han Serif JP", "Hiragino Mincho ProN",
-		"Yu Mincho", serif;
 	font-size: 80px;
 	margin-bottom: 20px;
 }

src/pages/Play/styles/FinishGame.module.css

@@ -4,8 +4,6 @@
 
 .title {
 	margin-top: 10px;
-	font-family: "Noto Serif JP", "Source Han Serif JP", "Hiragino Mincho ProN",
-		"Yu Mincho", serif;
 	font-size: 80px;
 	margin-bottom: 20px;
 }

src/pages/Result/style.ts

@@ -9,7 +9,6 @@ export const containerStyle: { [key: string]: string } = {
 	flexDirection: "column",
 	alignItems: "center",
 	padding: "20px",
-	fontFamily: "'Arial', sans-serif",
 	minWidth: "400px",
 	maxHeight: "800px",
 	gap: "16px",

src/styles/Start.module.css

@@ -2,23 +2,20 @@
 	position: fixed;
 	top: 40px;
 	left: 40px;
-	font-family: "Noto Sans", serif;
 	font-size: 18px;
 	color: #ffffff;
 }
 
 .mainTitle {
 	font-size: 6em;
 	text-align: center;
-	font-family: "Noto Sans", serif;
 	font-weight: bold;
 	color: #ffffff;
 }
 
 .subTitle {
 	font-size: 1.5em;
 	text-align: center;
-	font-family: "Noto Sans", serif;
 	color: #ffffff;
 }
 
@@ -46,7 +43,6 @@
 	height: 70px;
 	background-color: #fd903c;
 	color: white;
-	font-family: "Noto Sans", serif;
 	font-size: 1.5em;
 	border-radius: 6px;
 	margin: 15px;
@@ -56,7 +52,6 @@
 	width: 220px;
 	background-color: #85a4ba;
 	color: white;
-	font-family: "Noto Sans", serif;
 	border-radius: 6px;
 }
 

src/styles/Tutorial.module.css

@@ -6,7 +6,6 @@ img {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	font-family: "Arial", sans-serif;
 	gap: 16px;
 	color: #2b2b2b;
 	background-color: white;