ブラウザのフォントを強制変更する

Ping-Tとnoteのエディタ。この2つはブラウザでフォントを変更しても適用されなかった。というか、そもそもGoogle謹製のサイトや翻訳以外、ブラウザの指定フォントはほぼ無視される。

今まではメイリオだったので違和感は感じなかったが、それよりもBIZ UDPゴシックが読みやすいと気が付いてからは別だ。
メイリオからUDPゴシックに移行

しかし問題は、どうやって適用させるのか。調べるとFirefoxには全てのサイトに強制適用というオプションがあるらしいが、Chromeからは消えて久しいらしい。

Flagsにも無いらしいので、拡張機能に頼った。まずはStylusだ。ClaudeにすべてのサイトでフォントをUDPゴシックにするスタイルを書いてもらい、それを張り付けた。

{ font-family: “BIZ UDPGothic” !important; }

これのポイントは、貼り付け時にMoziraとかのUIブロックを消すことだ。Stylusの下側の入力欄をまっさらにしてから貼り付けることで、強制的に全サイトで適用となる。

自分はURL欄を空白にすれば代用できると思い込んでいたが、どのサイトにもマッチせず逆に全く動かないという顛末になってしまった。

しかしこれには問題があった。GoogleMapを開いた際に、アイコンが表示されなくなったのだ。これはアイコンの中のフォントまで変更したことが理由らしい。

流石に□に×が入ったアイコンだらけのネットを眺めるのは嫌なので、このスクリプト案は却下し別の案に移ることにした。

ブラウザのフォントを強制適用するサービスのリポジトリ
https://github.com/sysop84/force-my-browser-fonts?tab=readme-ov-file

Claudeにこのリポジトリを見つけてもらい、ここを参考に拡張機能での代用を試みた。色々試してみた結果、今でもメンテナンスされているのは以下の1つのみだった。

ここのfontNameにBIZ UDPGothicと入力し、リロードするだけで適用された。特に確認のプロンプトは表示されないが、うまく動いたので一安心だ。

やはりUDPゴシックは読みやすい。Ping-tの解説サイトやnoteの執筆エディタと言った、長時間読むことが強制されるサイトで使えるのが本当に嬉しい。

メイリオも悪くは無いのだが、これに比べると劣ると思う。ClearTypeの為に設計されたというコンセプトには惹かれるが、今のWQHDディスプレイでは違いが無い。

この拡張機能がメンテナンスされる限りは、この環境でブラウジングを行っていきたい。