フォントとスタイルの設定を追加し, kiso.css を依存関係に追加 (#54)

Author: yas-ako

docs/.vitepress/config.ts

@@ -13,7 +13,7 @@ import { head } from './ga-plugin';
 export default withMermaid({
     title: "pg-basic text",
     description: "プログラミング基礎講習会テキスト",
-    cleanUrls: false,
+    cleanUrls: true,
     markdown: {
 
         //        lineNumbers: true,
@@ -238,6 +238,9 @@ export default withMermaid({
         ]
     },
     head: [
+        ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com' }],
+        ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' }],
+        ['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap' }],
         [
             'script',
             {

docs/.vitepress/theme/custom.css

@@ -1,3 +1,9 @@
+@import "kiso.css";
+
+:root {
+    --vp-font-family-base: 'Noto Sans JP', 'Inter', ui-sans-serif, system-ui, sans-serif;
+}
+
 mjx-container.MathJax svg {
     display: inline;
 }

package-lock.json

@@ -26,6 +26,7 @@
         "vitepress-plugin-mermaid": "^2.0.10"
     },
     "dependencies": {
+        "kiso.css": "^1.2.4",
         "markdown-it": "^14.1.0",
         "markdown-it-mathjax3": "^4.3.2"
     },