chore: 优化字体呈现

Author: jiazengp

.vitepress/theme/components/banner/LanguageSuggestBar.vue

@@ -6,7 +6,7 @@
     aria-label="Choose country or region"
   >
     <div class="flex flex-wrap items-center w-full">
-      <div class="font-size-14px max-md:w-85%">
+      <div class="font-size-14px max-md:w-85% text-align-left">
         {{ languageSuggestBarTranslate[suggestLocale.key].changeLanguage }}
       </div>
       <div class="flex justify-end md:mt-0 mt-4 items-center flex-1">

.vitepress/theme/styles/fonts.css

@@ -4,9 +4,9 @@
   font-weight: 100;
   src:
     local('☺'),
-    url('~/public/fonts/HYWenHei-85W-zh-min.woff2') format('woff2'),
-    url('~/public/fonts/HYWenHei-85W-zh-min.woff') format('woff'),
-    url('~/public/fonts/HYWenHei-85W-zh-min.ttf') format('ttf');
+    url('/fonts/HYWenHei-85W-zh-min.woff2') format('woff2'),
+    url('/fonts/HYWenHei-85W-zh-min.woff') format('woff'),
+    url('/fonts/HYWenHei-85W-zh-min.ttf') format('ttf');
 }
 
 @font-face {
@@ -15,9 +15,9 @@
   font-weight: 100;
   src:
     local('☺'),
-    url('~/public/fonts/HYWenHei-45W-min.woff2') format('woff2'),
-    url('~/public/fonts/HYWenHei-45W-min.woff') format('woff'),
-    url('~/public/fonts/HYWenHei-45W-min.ttf') format('truetype');
+    url('/fonts/HYWenHei-45W-min.woff2') format('woff2'),
+    url('/fonts/HYWenHei-45W-min.woff') format('woff'),
+    url('/fonts/HYWenHei-45W-min.ttf') format('truetype');
 }
 
 @font-face {
@@ -26,7 +26,7 @@
   font-weight: 100;
   src:
     local('☺'),
-    url('~/public/fonts/HYWenHei-65W-min.woff2') format('woff2'),
-    url('~/public/fonts/HYWenHei-65W-min.woff') format('woff'),
-    url('~/public/fonts/HYWenHei-65W-min.ttf') format('truetype');
+    url('/fonts/HYWenHei-65W-min.woff2') format('woff2'),
+    url('/fonts/HYWenHei-65W-min.woff') format('woff'),
+    url('/fonts/HYWenHei-65W-min.ttf') format('truetype');
 }

.vitepress/theme/styles/main.css

@@ -13,6 +13,7 @@ html {
 h1,
 h2,
 h3,
+div.VPHomeHero > div > div.main > p.text,
 .header-anchor::before {
   font-family: var(--vp-font-family-title);
 }
@@ -25,14 +26,16 @@ h6,
 kbd,
 .VPButton,
 [data-menu-item],
+[data-radix-vue-collection-item],
 .custom-block-title,
 .outline-title,
 .VPLocalNavOutlineDropdown,
 .doc-info-left,
 .subtitle,
 .vp-link,
 .lead,
-.timeline-dot-title {
+.timeline-dot-title,
+div.VPHomeHero > div > div.main > p.tagline {
   font-family: var(--vp-font-family-subtitle);
 }
 

src/components/forum/ForumAside.vue

@@ -58,7 +58,9 @@
       </div>
     </div>
     <div class="selected-articles mb-4 vp-border-divider border-b">
-      <p class="h-14 lh-14 mb-4 vp-border-divider color-[var(--vp-c-text-1)]">
+      <p
+        class="h-14 lh-14 mb-4 vp-border-divider color-[var(--vp-c-text-1)] font-[var(--vp-font-family-subtitle)]"
+      >
         {{ message.forum.aside.suggest.text }}
       </p>
       <div class="flex mb-2" v-for="item in suggestList" :key="item.text">