chore: Update font styles and preconnect links for better performance

Gzh0821 · Jul 24, 2024 · 6449f34 · 6449f34
1 parent 2a60385
commit 6449f34
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/.vuepress/config.ts b/src/.vuepress/config.ts
@@ -6,7 +6,26 @@ export default defineUserConfig({
   base: "/",
 
   head: [
-    ['link', { rel: 'stylesheet', href: '/styles/custom.css' }]
+    ['link', { rel: 'stylesheet', href: '/styles/custom.css' }],
+    ["link", { rel: "preconnect", href: "https://fonts.googleapis.com" }],
+    [
+      "link",
+      { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "" },
+    ],
+    [
+      "link",
+      {
+        href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap",
+        rel: "stylesheet",
+      },
+    ],
+    [
+      "link",
+      {
+        href: "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap",
+        rel: "stylesheet",
+      },
+    ],
   ],
   locales: {
     "/en/": {

diff --git a/src/.vuepress/styles/palette.scss b/src/.vuepress/styles/palette.scss
@@ -1,3 +1,4 @@
 // you can change colors here
 // $theme-color: #096dd9;
 $theme-color: #00bc96;
+$font-family: '"Noto Sans", "Roboto", "Arial", sans-serif';