本文のフォントも固定してみた

na-trium-144 · na-trium-144 · commit 04f15bd43c31 · 2025-11-14T17:58:43.000+09:00
diff --git a/app/globals.css b/app/globals.css
@@ -91,4 +91,5 @@ mycdark:
 /* CDNからダウンロードするURLを指定したらなんかエラー出るので、npmでインストールしてlayout.tsxでimportすることにした */
 @theme {
   --font-mono: "Inconsolata Variable", "Noto Sans JP Variable", monospace;
+  --font-sans: 'M PLUS Rounded 1c', sans-serif;
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import "@fontsource-variable/noto-sans-jp";
 import "@fontsource-variable/inconsolata";
+import "@fontsource/m-plus-rounded-1c";
 import "./globals.css";
 import { Navbar } from "./navbar";
 import { Sidebar } from "./sidebar";
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
   "dependencies": {
     "@fontsource-variable/inconsolata": "^5.2.7",
     "@fontsource-variable/noto-sans-jp": "^5.2.6",
+    "@fontsource/m-plus-rounded-1c": "^5.2.9",
     "@google/genai": "^1.21.0",
     "@opennextjs/cloudflare": "^1.7.1",
     "@ruby/wasm-wasi": "^2.7.2",

Original file line number	Diff line number	Diff line change
`@@ -91,4 +91,5 @@ mycdark:`
`91`	`91`	`/* CDNからダウンロードするURLを指定したらなんかエラー出るので、npmでインストールしてlayout.tsxでimportすることにした */`
`92`	`92`	`@theme {`
`93`	`93`	`--font-mono: "Inconsolata Variable", "Noto Sans JP Variable", monospace;`
	`94`	`+ --font-sans: 'M PLUS Rounded 1c', sans-serif;`
`94`	`95`	`}`