diff --git a/components/settings/LanguageButton.js b/components/settings/LanguageButton.js
index 14a1aaf1..1a9bd33b 100644
--- a/components/settings/LanguageButton.js
+++ b/components/settings/LanguageButton.js
@@ -16,12 +16,18 @@ export default function LanguageButton() {
   return (
     <>
       <Head>
-        {(locale === 'zh-CN' || locale === 'zh-TW') && (
+        {locale === 'zh-CN' && (
           <link
             href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap"
             rel="stylesheet"
           />
         )}
+        {locale === 'zh-TW' && (
+          <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap"
+            rel="stylesheet"
+          />
+        )}
         {locale === 'ja-JP' && (
           <link
             href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"
diff --git a/pages/_app.js b/pages/_app.js
index 0cf7011b..cf4cb24c 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -36,6 +36,7 @@ export default function App({ Component, pageProps }) {
         <link rel="icon" type="image/png" sizes="16x16" href={`${basePath}/favicon-16x16.png`} />
         <link rel="manifest" href={`${basePath}/site.webmanifest`} />
         <link rel="mask-icon" href={`${basePath}/safari-pinned-tab.svg`} color="#5bbad5" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
         <meta name="msapplication-TileColor" content="#da532c" />
         <meta name="theme-color" content="#ffffff" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/styles/index.css b/styles/index.css
index de6f9ce8..a15ce562 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -22,7 +22,7 @@ body {
 }
 
 .zh-TW {
-  font-family: 'Noto Sans SC', sans-serif !important;
+  font-family: 'Noto Sans TC', sans-serif !important;
 }
 
 .ja-JP {
