WindowsでMonacoフォントが原因でカーソルズレやフォント小さすぎ問題が発生した話 の変更点
#author("2025-02-26T01:13:58+09:00","default:pitablog","pitablog")
#author("2025-02-27T01:32:27+09:00","default:pitablog","pitablog")
* WindowsでMonacoフォントが原因でカーソルズレやフォント小さすぎ問題が発生した話 [#xe893d7c]
#splitbody{{
LEFT:
&tag(情報技術,フォント,バグ,Windows,PowerToys);
#split
RIGHT:&size(13){投稿日: 2025-02-05 (水)};
RIGHT:&size(13){投稿日: 2025-02-26 (水)};
}}
#bcontents
** はじめに [#i3aa07ae]
paiza.ioとかのWebでのコード実行できるWeb Runner系のウェブツールでコーディングしようとしたらプログラム書き込む入力欄でカーソルがズレたり、フォントが異常に小さく表示されたりするバグが長らく続いてた。
** とりま原因特定してみる [#sc9993e7]
https://paiza.io/ja/projects/new
上記のサイトでとりあえずチェックしてみる。
Chromeの開発者ツール開いて左上のボタンでその入力欄に「ページ内の要素選択」してみた。
スタイルのところ見た感じ、
#gcode(css){{
.ace_editor {
position: relative;
overflow: hidden;
padding: 0;
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
direction: ltr;
text-align: left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}}
という感じになってて、とりあえずfontの部分を変えてみた。
normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace
の部分を1つずつ地道に消してみて'Monaco'というところを消したら治った。
つまり、Monacoフォントが悪さをしているようだ。
「Search Labs | AI による概要」によると
Monaco（モノーク）は、Mac OSに標準的にインストールされている欧文の等幅書体です。
だそう。最近はGoogle検索のAIも進化してて信憑性も昔よりはあがったような気がする。
https://ja.wikipedia.org/wiki/%E7%AD%89%E5%B9%85%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88
MonacoフォントはMac OSに標準で入っているようだが、私はWindows 11を使っているので入っているはずがない。
のだが、入っていたみたいだ。ワイのPCにもいつの間にかMonacoがインストールしてしまっててそのせいでフォントがズレていたっぽい。
なんでや！
** 解決法 [#kcdcd4e0]
Monacoフォントをアンインストール/削除するだけや！
消してしまえ～！
Windowsの「フォント」設定からMonacoフォントを削除するだけなのだが...
ここで問題が発生した。
フォントの削除というダイアログにて「Monaco Regular は使用中のため削除できません」と...
は？どのプログラムが使用しているんだよ...と突っ込みたいところだ。
そこでMicrosoft製の最強のツール「PowerToys」を使う！
PowerToysに入っているFile Locksmithという機能を使ってエクスプローラーでフォントのフォルダを開き、monaco.ttfを右クリして「File Locksmith でロック解除」をクリック。
そしてDiscordが使っているということがわかったのでDiscordを終了させ、フォントを削除した。
** さいごに [#f1165c29]
長らく放置していたが、遊びで競技プログラミングというものをやってみようと思ったらいざ困った。
ようやく解決してよかった。
ま、むやみやたらに変なフォントを入れるのもよくないのだろうかね。にしてもいつMonacoフォントを入れたのだろうか...?
** コメント [#j3725a56]
#pctrlcmt
&size(10){キーワード: 情報技術,フォント, バグ, Windows, PowerToys, Monacoフォント, フォントズレ, 不具合, 文字, 小さい, ブラウザ, ウェブ, クローム, サイト, web, font, monaco};
![[PukiWiki]](./skin/logo.png "[PukiWiki]"){kind=logo}
