From 1cc53d4ed86cb64411bae86f14e9e8acb4195477 Mon Sep 17 00:00:00 2001
From: Haoyu Xu <i@halyul.dev>
Date: Wed, 23 Aug 2023 19:30:24 +0800
Subject: [PATCH] refactor(aklive2d): update css to use noto font families

---
 directory/src/App.scss                            | 4 ++--
 directory/src/component/scss/dropdown.module.scss | 2 +-
 directory/src/component/scss/popup.module.scss    | 2 +-
 directory/src/scss/_page_base.scss                | 4 ++--
 directory/src/scss/root/footer.module.scss        | 2 +-
 src/components/voice.css                          | 4 +++-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/directory/src/App.scss b/directory/src/App.scss
index 490315b..5d5c094 100644
--- a/directory/src/App.scss
+++ b/directory/src/App.scss
@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";
+@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Sans:wght@400;500;700&display=swap";
 @import "https://fonts.cdnfonts.com/css/bender";
 @import "https://fonts.cdnfonts.com/css/geometos";
 
@@ -45,7 +45,7 @@
 }
 
 :root {
-  font-family: Geometos, "Noto Sans SC", sans-serif;
+  font-family: Geometos, 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
   font-size: 16px;
   line-height: 1.2em;
   font-weight: 400;
diff --git a/directory/src/component/scss/dropdown.module.scss b/directory/src/component/scss/dropdown.module.scss
index bab8493..471eb94 100644
--- a/directory/src/component/scss/dropdown.module.scss
+++ b/directory/src/component/scss/dropdown.module.scss
@@ -88,7 +88,7 @@
     cursor: auto;
 
     .date {
-      font-family: "Bender";
+      font-family: "Bender", 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
       font-weight: bold;
       font-size: 24px;
       display: flex;
diff --git a/directory/src/component/scss/popup.module.scss b/directory/src/component/scss/popup.module.scss
index 22234d8..7aaf2a8 100644
--- a/directory/src/component/scss/popup.module.scss
+++ b/directory/src/component/scss/popup.module.scss
@@ -40,7 +40,7 @@
     align-content: center;
     align-items: center;
     text-transform: uppercase;
-    font-family: "Geometos", "Noto Sans SC", sans-serif;
+    font-family: "Geometos", 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
     .return-button {
       color: var(--button-color);
       transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
diff --git a/directory/src/scss/_page_base.scss b/directory/src/scss/_page_base.scss
index 8c93f54..f6b8a58 100644
--- a/directory/src/scss/_page_base.scss
+++ b/directory/src/scss/_page_base.scss
@@ -7,7 +7,7 @@
 
   .date {
     margin: 1.5rem;
-    font-family: "Bender";
+    font-family: "Bender", 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
     font-weight: bold;
     text-align: right;
     color: var(--date-color);
@@ -117,7 +117,7 @@
         color: var(--secondary-text-color);
         .text {
           font-size: 0.75rem;
-          font-family: "Geometos";
+          font-family: "Geometos", 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
           margin-top: 1rem;
         }
       }
diff --git a/directory/src/scss/root/footer.module.scss b/directory/src/scss/root/footer.module.scss
index d22c8f4..8c5627a 100644
--- a/directory/src/scss/root/footer.module.scss
+++ b/directory/src/scss/root/footer.module.scss
@@ -7,7 +7,7 @@
     justify-content: center;
     align-items: center;
     flex-wrap: nowrap;
-    font-family: "Noto Sans SC", sans-serif;
+    font-family: 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
   }
   .links {
     flex-direction: row;
diff --git a/src/components/voice.css b/src/components/voice.css
index 4a5cec4..2a5d1bf 100644
--- a/src/components/voice.css
+++ b/src/components/voice.css
@@ -1,3 +1,5 @@
+@import "url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Sans:wght@400;500;700&display=swap')";
+
 #voice_box {
     position: fixed;
     left: 0;
@@ -6,7 +8,7 @@
     width: 480px;
     opacity: 0;
     margin: 16px;
-    font-family: 'Roboto', sans-serif;
+    font-family: 'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans', sans-serif;
     transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
 }