diff --git a/astro.config.mjs b/astro.config.mjs
index 1c7c63c..efcb4bb 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -48,6 +48,38 @@ export default defineConfig({
       weights: [300, 400, 500, 600, 700],
       display: "swap",
     },
+    {
+      provider: fontProviders.google(),
+      name: "Noto Sans JP",
+      cssVariable: "--font-jp",
+      weights: ["100-900"],
+      fallbacks: ["Source Han Sans", "sans-serif"],
+      display: "swap",
+    },
+    {
+      provider: fontProviders.google(),
+      name: "Noto Sans HK",
+      cssVariable: "--font-hk",
+      weights: ["100-900"],
+      fallbacks: ["Source Han Sans HC", "sans-serif"],
+      display: "swap",
+    },
+    {
+      provider: fontProviders.google(),
+      name: "Noto Sans TC",
+      cssVariable: "--font-tw",
+      weights: ["100-900"],
+      fallbacks: ["Source Han Sans TC", "sans-serif"],
+      display: "swap",
+    },
+    {
+      provider: fontProviders.google(),
+      name: "Noto Sans SC",
+      cssVariable: "--font-cn",
+      weights: ["100-900"],
+      fallbacks: ["Source Han Sans SC", "sans-serif"],
+      display: "swap",
+    },
   ],
 
   image: {
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 0cda73c..c12fd67 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -46,6 +46,10 @@ const { title, description, image = "/og_img_um.png" } = Astro.props;
 
 <!-- Fonts -->
 <Font cssVariable="--font-switzer" preload />
+{Astro.params.lang == "ja" && (<Font cssVariable="--font-jp" preload />)}
+{Astro.params.lang == "zh_HK" && (<Font cssVariable="--font-hk" preload />)}
+{Astro.params.lang == "zh_Hant" && (<Font cssVariable="--font-tw" preload />)}
+{Astro.params.lang == "zh_Hans" && (<Font cssVariable="--font-cn" preload />)}
 
 <!-- Analytics -->
 <script
diff --git a/src/components/DownloadLinks.tsx b/src/components/DownloadLinks.tsx
index 1464c32..91dc8d6 100644
--- a/src/components/DownloadLinks.tsx
+++ b/src/components/DownloadLinks.tsx
@@ -38,7 +38,7 @@ const DownloadLinks = ({
         href={getLocalizedPath(lang, thankYouLink)}
       >
         <DownloadIcon />
-        <span>{t("downloadLinks.download")}</span>
+        <span class="font-medium">{t("downloadLinks.download")}</span>
       </a>
       <a
         href={link + ".sha256sum"}
diff --git a/src/components/sections/Hero.astro b/src/components/sections/Hero.astro
index 3c77afb..abd5bf8 100644
--- a/src/components/sections/Hero.astro
+++ b/src/components/sections/Hero.astro
@@ -36,7 +36,7 @@ const t = makeT(Astro.params.lang);
           class="flex flex-row gap-2 items-center justify-center px-6 py-2 bg-accent-700 rounded-xl text-gray-50 hover:bg-accent-800 text-lg transition-colors"
         >
           <DownloadIcon />
-          <span>{t("hero.get")}</span>
+          <span class="font-medium">{t("hero.get")}</span>
         </button>
       </a>
     </div>
diff --git a/src/styles/global.css b/src/styles/global.css
index ab4c0bb..c1a4b03 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -2,8 +2,10 @@
 @config "../../tailwind.config.cjs";
 @layer (utilities);
 
+@custom-variant cjk (&:where([lang="zh_HK"] *),&:where([lang="zh_Hant"] *),&:where([lang="ja"] *));
+
 @theme inline {
-  --font-sans: var(--font-switzer);
+  --font-sans: var(--font-switzer) var(--font-jp) var(--font-hk) var(--font-tw) var(--font-cn);
 }
 
 :root {