feat: change font

kuizuo · Dec 28, 2023 · 4ee4054 · 4ee4054 · vercel · Dec 28, 2023
1 parent e3ddba7
commit 4ee4054
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 26 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -40,15 +40,7 @@ const config: Config = {
         hideable: true,
       },
     },
-    headTags: [
-      {
-        tagName: 'meta',
-        attributes: {
-          name: 'description',
-          content: '愧怍的个人博客',
-        },
-      },
-    ],
+
     navbar: {
       logo: {
         alt: '愧怍',
@@ -256,7 +248,16 @@ const config: Config = {
       },
     ],
   ],
-  stylesheets: [],
+  headTags: [
+    {
+      tagName: 'meta',
+      attributes: {
+        name: 'description',
+        content: '愧怍的个人博客',
+      },
+    },
+  ],
+  stylesheets: ['https://cdn.jsdelivr.net/npm/misans@4.0.0/lib/Normal/MiSans-Normal.min.css'],
   i18n: {
     defaultLocale: 'zh-CN',
     locales: ['en', 'zh-CN'],

diff --git a/src/components/UserCard/index.tsx b/src/components/UserCard/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import clsx from 'clsx'
 import { usePluginData } from '@docusaurus/useGlobalData'
-import type { BlogTags, BlogPost } from '@docusaurus/plugin-content-blog'
+import type { BlogPost } from '@docusaurus/plugin-content-blog'
 import Link from '@docusaurus/Link'
 import { Icon } from '@iconify/react'
 import SocialLinks from '@site/src/components/SocialLinks'

diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -7,12 +7,9 @@
   --ifm-color-primary-lighter: #b0e6ff;
   --ifm-color-primary-lightest: #d5f1fd;
   --ifm-code-font-size: 95%;
-  --ifm-font-family-base: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
-    'Helvetica Neue', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji', consolas, sfmono-regular, menlo, monaco,
-    'Liberation Mono', monospace;
+  --ifm-font-family-base: misans, ui-sans-serif, system-ui, -apple-system;
 
-  --ifm-heading-font-family: var(--ifm-font-family-base);
+  --ifm-heading-font-family: ui-sans-serif, system-ui, -apple-system;
 
   --ifm-navbar-shadow: 0 4px 28px rgb(0 0 0 / 10%);
   --text-color: #2b333e;
@@ -76,19 +73,11 @@ html[data-theme='dark'] {
 
 body {
   font-family:
+    misans,
     system-ui,
     -apple-system,
     'PingFang SC',
-    'Microsoft YaHei',
-    'Segoe UI',
-    Roboto,
-    Helvetica,
-    'noto sans sc',
-    'hiragino sans gb',
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Not Color Emoji';
+    'Microsoft YaHei';
 }
 
 html,