FIDIM(ふぃでぃむ)は、長文テキストにおいて読みにくいUIフォントを、読みやすくすっきりとした代替フォントに自動的に置き換えるところからスタートしたChrome拡張です。
- Windows環境で表示されると読みにくいフォントを、読みやすい代替フォントに自動置換します。デフォルトで置換するのは、macOSではイイ感じに表示されるがWindowsでは読みにくい「system-ui(Yu Gothic UI)」および「Yu Gothic」、Windowsでそもそも読みにくい「Meiryo UI」、小さいフォントサイズだと読みにくい「MS Pゴシック」、大きいフォントサイズだと読みにくい「メイリオ」です
- どのフォントを置換するかどうかを選択したり、置換したいフォントを追加したりもできます。また、問答無用ですべてのフォントを置換対象にすることもできますので、ディスレクシアの方など、すべてのウェブサイトをご自身が最も読みやすいフォントで表示したい方にも有効に活用して頂けます
- 置き換え後のフォントはデフォルトでsans-serifで、標準的なWindows環境では「Noto Sans JP」で表示されるようになることでしょう。設定画面から任意のfont-family値に変更することもできます
- 拡張機能のツールバーアイコンから、ワンタップで有効・無効を切り替えられます
- フォント置換を適用しないサイトをドメイン単位で登録でき、ポップアップからもインスタントに切り替えられます
- 設定はChromeアカウントに同期されるため、複数端末でも同じ設定が維持されます
https://chromewebstore.google.com/detail/fidim/bhnahaneodkjfpcofjdhogmhhbaodmcn
Chrome ウェブストア版は、審査中のため最新リリースより古い場合があります。
- このリポジトリをダウンロードまたはクローン
- Chromeで
chrome://extensionsを開く - 右上の デベロッパーモード を有効にする
- パッケージ化されていない拡張機能を読み込む をクリックし、リポジトリのフォルダを選択
本文表示に使われる、body 要素などへのCSS font-family ですが、この先頭に system-ui と書かれているサイトは、ほぼほぼmacOSでしか表示確認されずにリリースされているといって過言ではないでしょう。macOSでは system-ui は San Francisco ですし、なんだかんだでイイ感じに表示される一方で、Windowsでは Yu Gothic UI や Meiryo UI というUI用のフォントで本文が表示されることとなり、結果として、過酷な閲覧体験がもたらされます。macOSでしか表示確認していない現場では、まさかWindowsがそんな悲惨なことになっているなど、想像だにしていないのでしょう。そうした読みづらいサイトが、まさしく無数にあるのが現実です。それでは、Windowsユーザーはどうすればいいのでしょうか? もちろん本来的にはサイト側が修正すべきなんですが……
「あーもう、わかったよ。自分でどうにかするよ。(Fine. I'll do it myself.)」
そうして、非情な現実へのカウンターとして生まれたのがこのWindowsユーザー救済のChrome拡張「FIDIM」なのです。めでたし、めでたし…?
追伸 FIDIMのネーミングは「フォントが読みにくいので、修正しました。(Font Is Difficult, I Modified.)」にも由来しています。
- 設定画面の除外リストセクションの下に、GitHub Issuesへのバグ報告動線を追加
- 削除・リセットボタンのコントラスト比を改善。ボーダーをライト
#000000/ダーク#FFFFFFに、hover時の背景色をライト#949494/ダーク#4D4D4Dにして視認性を高めた - 追加ボタンの背景色をライトモードで
#0066CCに変更(ダークモードは変更なし)
全履歴は CHANGELOG.md を参照。