diff --git a/components/common/LanguageButton.js b/components/common/LanguageButton.js
index 76154e24..74c55ba3 100644
--- a/components/common/LanguageButton.js
+++ b/components/common/LanguageButton.js
@@ -1,4 +1,5 @@
 import React, { useState, useRef } from 'react';
+import Head from 'next/head';
 import Globe from 'assets/globe.svg';
 import useDocumentClick from 'hooks/useDocumentClick';
 import Menu from './Menu';
@@ -26,19 +27,35 @@ export default function LanguageButton({ menuPosition = 'bottom', menuAlign = 'l
   });
 
   return (
-    <div ref={ref} className={styles.container}>
-      <Button icon={<Globe />} onClick={() => setShowMenu(true)} size="small">
-        <div className={locale}>{selectedLocale}</div>
-      </Button>
-      {showMenu && (
-        <Menu
-          className={styles.menu}
-          options={menuOptions}
-          onSelect={handleSelect}
-          float={menuPosition}
-          align={menuAlign}
-        />
-      )}
-    </div>
+    <>
+      <Head>
+        {locale === 'zh-CN' && (
+          <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap"
+            rel="stylesheet"
+          />
+        )}
+        {locale === 'jp-JP' && (
+          <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"
+            rel="stylesheet"
+          />
+        )}
+      </Head>
+      <div ref={ref} className={styles.container}>
+        <Button icon={<Globe />} onClick={() => setShowMenu(true)} size="small">
+          <div className={locale}>{selectedLocale}</div>
+        </Button>
+        {showMenu && (
+          <Menu
+            className={styles.menu}
+            options={menuOptions}
+            onSelect={handleSelect}
+            float={menuPosition}
+            align={menuAlign}
+          />
+        )}
+      </div>
+    </>
   );
 }
diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index c961ade9..021745cc 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -13,10 +13,6 @@ export default function Layout({ title, children, header = true, footer = true }
           href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap"
           rel="stylesheet"
         />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap"
-          rel="stylesheet"
-        />
       </Head>
       {header && <Header />}
       <main className="container">{children}</main>
