From e95bb448a7aa98db9044a707f25dc98bda191263 Mon Sep 17 00:00:00 2001 From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com> Date: Mon, 5 Jan 2026 21:35:04 +0900 Subject: [PATCH 1/2] =?UTF-8?q?RoundedM+=E3=82=88=E3=82=8A=E3=82=82?= =?UTF-8?q?=E5=84=AA=E5=85=88=E3=81=97=E3=81=A6Segoe=20UI,=20BIZ=20UD?= =?UTF-8?q?=E3=82=B4=E3=82=B7=E3=83=83=E3=82=AF=E3=82=92=E4=BB=A3=E3=82=8F?= =?UTF-8?q?=E3=82=8A=E3=81=AB=E4=BD=BF=E7=94=A8=E3=81=99=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/globals.css | 17 ++++++++++------- app/terminal/terminal.tsx | 2 +- 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/app/globals.css b/app/globals.css index 9f1c86b..e9c234c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -126,25 +126,28 @@ mycdark: 日本語フォントは正直なんでもいいが、 あまり変なフォントが選ばれるとxtermやaceエディターの表示が崩れる可能性があるので、 - 確実にフォントを統一するためにRoundedM+を指定することにした + 確実にフォントを統一するために本文と同じフォントを指定することにした 以前NotoSansJPを指定していたが、xterm.jsで全角の（）の幅がバグった + BIZUDゴシックは全角の”’の幅がおかしいが、まあ使うことないやろ */ --font-mono: - "Inconsolata Variable", "Rounded M+ 1c", "Rounded M+ 1p", + "Inconsolata Variable", "BIZ UDゴシック", "Rounded M+ 1c", "Rounded M+ 1p", "M PLUS Rounded 1c", monospace; /* 本家のフォント名は Rounded M+ 1c 、または1pでもいいかも layout.tsxでインポートしているwebフォントが M PLUS Rounded 1c - それ以下はM+をダウンロードするまでの間表示されるswap用フォールバックとしてM+に見た目が近いものを指定。 + + ただしWindowsではウェブフォントのM+Roundedを使うとアンチエイリアスが効かず見栄えが悪いため、 + M+よりも優先してSegoe UI, BIZ UDゴシックを代わりに使用する + Hiragino Maru Gothic は見た目はめっちゃきれいなんだけど太字がない :cry: - Meiryo は日本語の形がM+に近いが、英数がダメ */ --font-sans: - "Rounded M+ 1c", "Rounded M+ 1p", "M PLUS Rounded 1c", - /* 以下fallback */ "M+ 1c", "MigMix 1c", "Migu 1c", + "Segoe UI", "BIZ UDゴシック", "Rounded M+ 1c", "Rounded M+ 1p", + "M PLUS Rounded 1c", /* 以下fallback */ "M+ 1c", "MigMix 1c", "Migu 1c", "Hiragino Maru Gothic ProN", "Noto Sans", "Arial", "Liberation Sans", - "Meiryo", sans-serif, + sans-serif, /* TailwindCSSでデフォルトで指定されていた絵文字フォントは一応残しておく */ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; diff --git a/app/terminal/terminal.tsx b/app/terminal/terminal.tsx index de5a8ce..3cd5a5f 100644 --- a/app/terminal/terminal.tsx +++ b/app/terminal/terminal.tsx @@ -134,7 +134,7 @@ export function useTerminal(props: TerminalProps) { lineHeight: 1.2, letterSpacing: 0, fontFamily: - "'Inconsolata Variable', 'Rounded M+ 1c', 'Rounded M+ 1p', 'M PLUS Rounded 1c', monospace", + "'Inconsolata Variable', 'BIZ UDゴシック', 'Rounded M+ 1c', 'Rounded M+ 1p', 'M PLUS Rounded 1c', monospace", theme: computeTerminalTheme(), }); terminalInstanceRef.current = term; From 1c014d34626b936f00fc154fb53a0ba0e17faab1 Mon Sep 17 00:00:00 2001 From: na-trium-144 <100704180+na-trium-144@users.noreply.github.com> Date: Mon, 5 Jan 2026 21:45:05 +0900 Subject: [PATCH 2/2] =?UTF-8?q?meiryo=E3=82=82=E4=B8=80=E5=BF=9C=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/globals.css | 8 ++++---- app/terminal/terminal.tsx | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/app/globals.css b/app/globals.css index e9c234c..a693efb 100644 --- a/app/globals.css +++ b/app/globals.css @@ -128,11 +128,11 @@ mycdark: あまり変なフォントが選ばれるとxtermやaceエディターの表示が崩れる可能性があるので、 確実にフォントを統一するために本文と同じフォントを指定することにした 以前NotoSansJPを指定していたが、xterm.jsで全角の（）の幅がバグった - BIZUDゴシックは全角の”’の幅がおかしいが、まあ使うことないやろ + BIZUDゴシックとMeiryoは全角の”’の幅がおかしいが、まあ使うことないやろ */ --font-mono: - "Inconsolata Variable", "BIZ UDゴシック", "Rounded M+ 1c", "Rounded M+ 1p", - "M PLUS Rounded 1c", monospace; + "Inconsolata Variable", "BIZ UDゴシック", "Meiryo", "Rounded M+ 1c", + "Rounded M+ 1p", "M PLUS Rounded 1c", monospace; /* 本家のフォント名は Rounded M+ 1c 、または1pでもいいかも layout.tsxでインポートしているwebフォントが M PLUS Rounded 1c @@ -144,7 +144,7 @@ mycdark: Hiragino Maru Gothic は見た目はめっちゃきれいなんだけど太字がない :cry: */ --font-sans: - "Segoe UI", "BIZ UDゴシック", "Rounded M+ 1c", "Rounded M+ 1p", + "Segoe UI", "BIZ UDゴシック", "Meiryo", "Rounded M+ 1c", "Rounded M+ 1p", "M PLUS Rounded 1c", /* 以下fallback */ "M+ 1c", "MigMix 1c", "Migu 1c", "Hiragino Maru Gothic ProN", "Noto Sans", "Arial", "Liberation Sans", sans-serif, diff --git a/app/terminal/terminal.tsx b/app/terminal/terminal.tsx index 3cd5a5f..f1a216e 100644 --- a/app/terminal/terminal.tsx +++ b/app/terminal/terminal.tsx @@ -134,7 +134,7 @@ export function useTerminal(props: TerminalProps) { lineHeight: 1.2, letterSpacing: 0, fontFamily: - "'Inconsolata Variable', 'BIZ UDゴシック', 'Rounded M+ 1c', 'Rounded M+ 1p', 'M PLUS Rounded 1c', monospace", + "'Inconsolata Variable', 'BIZ UDゴシック', 'Meiryo', 'Rounded M+ 1c', 'Rounded M+ 1p', 'M PLUS Rounded 1c', monospace", theme: computeTerminalTheme(), }); terminalInstanceRef.current = term;