diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index c6eda67a..f8a502a1 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -111,7 +111,7 @@ settings:
     jyut: 廣東話
   customize_font: 自定义字体
   customize_font_desc: |-
-    对于喜欢旧字形的用户，我们推荐 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
+    对于喜欢旧字形的用户，我们推荐 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
     这些字形还具有将简体中文转换为繁体/正体中文的能力。
   remove_the_indent_from_chinese_punctuation: 移除中文标点符号的缩进
   remove_the_indent_from_chinese_punctuation_desc: >
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 4251e159..d3209458 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -111,7 +111,7 @@ settings:
     jyut: 廣東話
   customize_font: 自訂字型
   customize_font_desc: |-
-    對於喜歡舊字形的用戶，我們推薦 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
+    對於喜歡舊字形的用戶，我們推薦 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 和 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
     這些字型還具有將簡體中文轉換為繁體/正體中文的能力。
   remove_the_indent_from_chinese_punctuation: 移除中文標點符號的縮排
   remove_the_indent_from_chinese_punctuation_desc: >
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index d14d42f7..950f7c5f 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -111,7 +111,7 @@ settings:
     jyut: Cantonese
   customize_font: Customize font
   customize_font_desc: |-
-    For users who favor the traditional style of Chinese characters, we recommend <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字體)</a> and <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>.
+    For users who favor the traditional style of Chinese characters, we recommend <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字體)</a> and <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>.
     These fonts also possess the capability to convert simplified Chinese into traditional characters.
   remove_the_indent_from_chinese_punctuation: Remove the indent from Chinese punctuation
   remove_the_indent_from_chinese_punctuation_desc: >
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index 5654487f..38d2c48b 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -111,7 +111,7 @@ settings:
     jyut: 廣東話
   customize_font: 自訂字型
   customize_font_desc: |-
-    對於舊字形嘅用戶，我哋推介 <a href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 同 <a href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
+    對於舊字形嘅用戶，我哋推介 <a class="link" href="https://github.com/GuiWonder/Shanggu" target="_blank">Shanggu Fonts (尚古字型)</a> 同 <a class="link" href="https://github.com/ayaka14732/FanWunHak" target="_blank">Fan Wun Hak (繁媛黑體)</a>。
     呢啲字型仲可以將簡體中文轉做繁體/正體中文。
   remove_the_indent_from_chinese_punctuation: 移除中文標點符號嘅縮排
   remove_the_indent_from_chinese_punctuation_desc: >
diff --git a/src/components/Settings/General/General.vue b/src/components/Settings/General/General.vue
index 10d3debf..0f4bce06 100644
--- a/src/components/Settings/General/General.vue
+++ b/src/components/Settings/General/General.vue
@@ -92,7 +92,7 @@ watch(() => settings.value.language, (newValue) => {
         <Radio v-model="settings.customizeFont" />
         <template v-if="settings.customizeFont" #bottom>
           <Input v-model="settings.fontFamily" @keydown.stop.passive="() => {}" />
-          <div class="customize-font-desc" text="sm $bew-text-2" mt-1 v-html="t('settings.customize_font_desc')" />
+          <div text="sm $bew-text-2" mt-1 v-html="t('settings.customize_font_desc')" />
         </template>
       </SettingsItem>
       <SettingsItem :title="$t('settings.remove_the_indent_from_chinese_punctuation')" :desc="$t('settings.remove_the_indent_from_chinese_punctuation_desc')">
@@ -148,9 +148,4 @@ watch(() => settings.value.language, (newValue) => {
 </template>
 
 <style lang="scss" scoped>
-:deep(.customize-font-desc) {
-  a {
-    --uno: "text-$bew-theme-color hover:text-$bew-theme-color-80";
-  }
-}
 </style>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 8e07db0c..053a0dba 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -131,6 +131,14 @@ img {
         0 -1.4px 0 0 var(--bew-fill-2);
     }
   }
+
+  a.link {
+    color: var(--bew-theme-color);
+
+    &:hover {
+      color: var(--bew-theme-color-80);
+    }
+  }
 }
 
 // Prevent the scrollbar from being covered by the other elements