docs: use Open Sans as the default font (#248)

document/docs/en/index.md

@@ -3,8 +3,8 @@ pageType: home
 
 hero:
   name: Rsdoctor
-  text: Analyzer for Rspack and Webpack.
-  tagline: Visualize building behavior
+  text: Analyzer for Rspack & Webpack
+  tagline: Visualize the building process
   actions:
     - theme: brand
       text: Introduction

document/docs/zh/index.md

@@ -3,8 +3,8 @@ pageType: home
 
 hero:
   name: Rsdoctor
-  text: Rspack 和 Webpack 构建分析器
-  tagline: 让构建行为可视化
+  text: Rspack & Webpack 构建分析工具
+  tagline: 让构建过程可视化
   actions:
     - theme: brand
       text: 介绍

document/package.json

@@ -14,13 +14,14 @@
     "@types/react-dom": "^18.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rspress-plugin-font-open-sans": "^1.0.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.3.3"
   },
   "dependencies": {
     "framer-motion": "^10.17.6",
     "react-markdown": "^9.0.1",
-    "rsfamily-nav-icon": "^1.0.1",
+    "rsfamily-nav-icon": "^1.0.2",
     "rspress": "^1.15.1",
     "tailwindcss": "^3.4.0"
   }

document/rspress.config.ts

@@ -1,7 +1,9 @@
 import * as path from 'path';
 import { defineConfig } from 'rspress/config';
+import { pluginFontOpenSans } from 'rspress-plugin-font-open-sans';
 
 export default defineConfig({
+  plugins: [pluginFontOpenSans()],
   root: path.join(__dirname, 'docs'),
   title: 'Rsdoctor',
   description: 'A one-stop build analyzer for Rspack and Webpack.',
@@ -53,13 +55,13 @@ export default defineConfig({
         lang: 'en',
         label: 'English',
         title: 'Rsdoctor',
-        description: 'TAnalyzer for Rspack and Webpack',
+        description: 'Analyzer for Rspack and Webpack',
       },
       {
         lang: 'zh',
         label: '简体中文',
         title: 'Rsdoctor',
-        description: 'Rspack 和 Webpack 项目的构建分析器',
+        description: 'Rspack 和 Webpack 项目的构建分析工具',
       },
     ],
   },