Firefoxのサイドバーのブックマークと履歴のフォントを変更する方法

*** 2018/10/25 追記 ***
当記事コメント欄でご紹介したブックマークの行間を狭める方法ではFirefox63から狭まらなくなったので、新たにこちらの記事でご紹介いたします。
*** 追記ここまで ***

前置きです。

最近、何年かぶりにWindowsでFirefoxを使ってみました。

Linuxにはインストールしてはあるのですが、通常telnetやsshでログインしますので、そんなゴージャスなアプリってなかなか使わないんですよねえ。

使ってみて驚きました。
昔使った時より大変使いやすくなっているんじゃないでしょうか。(使えないと思ったからOperaを使っていたわけです)
すぐ気に入りました。

MosaicからNetscapeに乗り換えた時の驚きを懐かしく思い出しました。
別に今回は驚いたわけじゃないんですが。

今までメインで使っていたOpera12からすぐに乗り換えました。

現在でもOpera12にほとんど不満はないのですが、いかんせんOpera12では表示できないサイトがぼつぼつ増えてきて、どうしようかなあ、と思っていたところです。

Chromeがシェアを伸ばしているようですが、Chromeはどうしても馴染めません。
やたらともっさりしてるし、メモリ食うし、文字がやけににじむサイトがあるし、UIが特殊すぎるし、タブタブうっせーし、Google製だし。
GoogleアプリとFlash専用ﾌﾞﾗｳｻﾞとして活用させていただいています。
GoogleさんはFlashを根絶したいようですから、ちとGoogleさんにとっては不本意でしょうが。

Chromeといえば、Chromeにログインしないと拡張機能の移行をさせてくれないんですね。
現在、Windows10へWindows8.1で使っていた環境の移行作業中なのですが、ブックマークは素直に個人プロファイルディレクトリのコピーだけで取り込めましたが、拡張機能ははじかれてしまいます。
セキュリティ上の理由だとかGoogleさんはおっしゃいますが、手元に丸々残っているユーザプロファイルを受け付けてくれないのはちょっと不便ですねえ。

ところで。

Windows10でFirefoxを起動して驚きました。
サイドバーに並べたブックマークの文字のにじみがひどい有様になっています。

原因はお察しの通り、Windows10から採用されたﾌｫﾝﾄ、游ゴシックUIとClearTypeと、ﾃﾞｽｸﾄｯﾌﾟPCの場合の標準の解像度、96DPIという絶妙のコラボレーションが織りなすハーモニーの結果です。

游ゴシックって高DPI環境じゃないと表せないような曲線が多用されているので、たった96DPIしかないモニタにﾌｫﾝﾄスムージング技術をかぶせるとぼやけるのは当然です。
前のOSのメイリオの時も同様の理由でボケましたが、游ゴシックよりは直線的なﾌｫﾝﾄだったため、ボケかたが游ゴシックに比べれば軽微でした。さらにその前のMS UIゴシックではさらに直線的なﾌｫﾝﾄなのでほとんとボケません。

要するに、Windows10は高DPI環境を前提にしているわけです。そこら辺のスマートフォンだって400DPIや500DPIは当たり前ですから、その環境できれいに見えるﾌｫﾝﾄを持ってきちゃったら、たった1インチに96ドットしか打てないモニタできれいになるわけがない。
結局、このブログでこれまでも指摘してきましたが、今回も「タブレットのことで頭がいっぱい」なわけです。

いずれはそうなるにしても、どんなDPIでも同一ﾌｫﾝﾄ、同一レンダリングエンジンっちゅーのは、ちょっと強引すぎると思うんですがねえ。
まだまだﾃﾞｽｸﾄｯﾌﾟ環境はすたれないでしょうし、ﾃﾞｽｸﾄｯﾌﾟではほぼ96dpiで表示するのが一般的であり続けるでしょうからねえ。

Windows8から(7からだっけ?)、ｼｽﾃﾑﾌｫﾝﾄを変更するインタフェイスも廃止するほど強硬な態度をとるMSですが、奈辺に意図があるのでしょうかねえ。
挙句にユーザに「メイリオは汚い」「游ゴシックは汚い」とか印象を持たれてしまう始末です。
ﾌｫﾝﾄに汚名を着せて頬かむりしている態度は遺憾です。
不適な用途に使われているﾌｫﾝﾄがかわいそうですよ。

で、本題です。

Windows10上で稼働するFirefoxは、タイトルバーやブックマークなどの表示に游ゴシックが使われます。
で、ぼやけ、にじみが出ます。

単純な対応方法は、高DPI環境で運用するか、低DPI向きのフォントに変更するか、です。

今回はフォントを変更して対応する方法を紹介します。
なお、対象Firefoxはこの記事を書いている時点の最新であるFirefox40とします。


まず、Firefoxフォルダのプロファイルフォルダを開きます。
場所は%appdata%\Mozilla\Firefox\Profiles\*.default\ですが、これでは何を言っているかわからない方はFirefoxから開く方法があります。

方法は、

1. Firefoxを起動します。
2. メニューの「ﾍﾙﾌﾟ(H)」から「トラブルシューティング情報(T)...」を選択します。
3. 「アプリケーション基本情報」テーブルに「プロファイルフォルダ 」という項目がありますので、その横の「フォルダを開く」ボタンを押下します。

さて、Firefoxのプロファイルフォルダを開いたら、その中にchromeというフォルダがない場合は手動で作成し、chromeフォルダを開いてください。

chromeフォルダを開いたら、userChrome.cssというファイルがなければ新規に作成してください。

エクスプローラで拡張子を表示しない設定のままで作成して「反映されねぇ～騙しやがったなぁ～」とかのたうち回らないようご留意ください。

テキストエディタでuserChrome.cssを開いてください。

テキストエディタってなに?って方はノートパッドで開いてください。

文字かければいいんだろ、とか言ってWordとか一太郎とかWriteとかで開かないでください。

開いたら、以下のインデントされている部分をコピーペーストして保存してFirefoxを再起動してください。

1) サイドバーのブックマークと履歴の表示フォントをメイリオUIヘ変更し、9ポイントで表示する場合は次の通りです。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#bookmarksPanel, #history-panel {
 font-size: 9pt !important;
 font-family: "Meiryo UI" !important;
}

2) とにかく游ゴシックを駆逐して全部MS UI ゴシックにしたい!という方は以下をコピーペーストしてください。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
* {
 font-size: 9pt !important;
 font-family: "MS UI Gothic" !important;
}

フォントやポイント数をいろいろ遊んでみると、MS UIゴシックだと滲まないけどいまいちきれいじゃないし・・・とか、いろいろ出てくると思います。
ご自身で納得できる落としどころを探ってみてください。