Replaced font for Vietnamese (#442)

* Update style.css Vietnam pro font * Update languages.js ads vi font * Rename languages.js to scripts/languages.js fix conflicts
XengShi · Jan 7, 2025 · 1783600 · 1783600
1 parent cff7890
commit 1783600
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/scripts/languages.js b/scripts/languages.js
@@ -229,6 +229,15 @@ function applyLanguage(lang) {
         menuCont.style.width = menuWidths[lang] || menuWidths['en'];
     }
 
+    // Dynamically update the font family based on the language
+    const root = document.documentElement;
+    const commonFontStack = "'poppins', 'Poppins', sans-serif";
+    if (lang === 'vi') {
+        root.style.setProperty('--main-font-family', `'Be Vietnam Pro', ${commonFontStack}`);
+    } else {
+        root.style.setProperty('--main-font-family', commonFontStack);
+    }
+
     // Save the selected language in localStorage
     saveLanguageStatus('selectedLanguage', lang);
 }

diff --git a/style.css b/style.css
@@ -7,7 +7,7 @@
  */
 
 @import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
-/* @import url('https://fonts.googleapis.com/css2?family=Borel&family=Poppins&display=swap'); */
+@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&display=swap");
 
 @font-face {
 	font-family: "poppins";
@@ -18,11 +18,14 @@
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
-	font-family: "poppins", "Poppins", sans-serif;
+	font-family: var(--main-font-family);
 	user-select: none;
 }
 
 :root {
+	/* Default font */
+	--main-font-family: "poppins", "Poppins", sans-serif;
+
 	/* 🔵🔵🔵 */
 	/* ⚠️ Please don't change the color value or names for Blue (if ? modifying code would be difficult */
 	--bg-color-blue: #bbd6fd;
@@ -1179,7 +1182,7 @@ body #bookmarkButton.bookmark-button.rotate {
 }
 
 #userText {
-	font-family: "poppins", "Poppins", serif;
+	font-family: var(--main-font-family);
 	font-size: 1.4rem;
 	margin-bottom: 10px;
 }