From b8ea35657a04c1c8b9fbbc1dff3f92e09a6d22ea Mon Sep 17 00:00:00 2001
From: ad044 <antidepressant044@protonmail.com>
Date: Wed, 25 Aug 2021 19:15:08 +0400
Subject: [PATCH] changed font for korean, fixed markup warning

---
 src/components/MediaPlayer.tsx  | 7 ++++++-
 src/dom-components/MainPage.tsx | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/MediaPlayer.tsx b/src/components/MediaPlayer.tsx
index 8e53493..6d95664 100644
--- a/src/components/MediaPlayer.tsx
+++ b/src/components/MediaPlayer.tsx
@@ -6,6 +6,7 @@ const MediaPlayer = () => {
 
   // use it as a guard to avoid multiple set states inside updateTime
   const lastSetPercentageRef = useRef<undefined | number>(undefined);
+  const language = useStore((state) => state.language);
 
   const requestRef = useRef();
   const videoRef = createRef<HTMLVideoElement>();
@@ -71,7 +72,11 @@ const MediaPlayer = () => {
         <track id={"track"} ref={trackRef} kind="metadata" default />
       </video>
       <div id={"subtitle-container"}>
-        <p ref={subtitleRef} id={"subtitle"} />
+        <p
+          ref={subtitleRef}
+          id={"subtitle"}
+          style={language === "ko" ? { fontFamily: "sans-serif" } : {}}
+        />
       </div>
     </>
   );
diff --git a/src/dom-components/MainPage.tsx b/src/dom-components/MainPage.tsx
index 9e7e6ba..6c6c59a 100644
--- a/src/dom-components/MainPage.tsx
+++ b/src/dom-components/MainPage.tsx
@@ -17,8 +17,8 @@ const MainPage = () => {
         This is a web reimplementation of the Serial Experiments Lain PSX game
         with the aim to provide multi-language support.
         <br />
-        <h3><b>Please make sure to read the <Link to="/notes">notes</Link> before you
-        start playing.</b></h3>
+        <b>Please make sure to read the <Link to="/notes">notes</Link> before you
+        start playing.</b>
         <br />
         <br />
       </p>