diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 5df9761a..5469afa5 100644
--- a/docs/.vitepress/config.ts
+++ b/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',
             {
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index 7ee0effc..55c7b1d2 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 97770c90..d896bd6d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
             "version": "1.0.0",
             "license": "MIT",
             "dependencies": {
+                "kiso.css": "^1.2.4",
                 "markdown-it": "^14.1.0",
                 "markdown-it-mathjax3": "^4.3.2"
             },
@@ -3255,6 +3256,12 @@
             "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==",
             "dev": true
         },
+        "node_modules/kiso.css": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/kiso.css/-/kiso.css-1.2.4.tgz",
+            "integrity": "sha512-svHtRExh51oRPH9GQ/meutMUeztyFyJHH2YHt7If7fdvOyKImTCGNGIu48BudLouwcMldPz+80R7YBJJRy9aJQ==",
+            "license": "MIT"
+        },
         "node_modules/kleur": {
             "version": "4.1.5",
             "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@@ -7472,6 +7479,11 @@
             "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==",
             "dev": true
         },
+        "kiso.css": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/kiso.css/-/kiso.css-1.2.4.tgz",
+            "integrity": "sha512-svHtRExh51oRPH9GQ/meutMUeztyFyJHH2YHt7If7fdvOyKImTCGNGIu48BudLouwcMldPz+80R7YBJJRy9aJQ=="
+        },
         "kleur": {
             "version": "4.1.5",
             "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
diff --git a/package.json b/package.json
index 4dcce7f6..3368bcca 100644
--- a/package.json
+++ b/package.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"
     },