FirefoxのUIのフォントを変更する - あれこれ備忘録@はてなブログ

arekorebibouroku.hateblo.jp

前回、絵文字を表示するためにDejaVu Sansフォントを無効にしました。

そうしたところ、ページ内は別のゴシック体フォントが表示されているのに、FirefoxのUI、アドレスバーのURLやタブの表示、設定画面などで欧文(アルファベット)がセリフ体(ひげ付き)フォントになってしまいました。

f:id:t_massann:20160607103257p:plain

f:id:t_massann:20160607103318p:plain

タイトルバーのアルファベット文字がゴシックなのはLinuxのウィンドウマネージャの設定だからですね。

そこでUIを変更してみることにしました。

調べてみると以下のページが見つかりました。

http://utaukitune.ldblog.jp/archives/65738286.htmlutaukitune.ldblog.jp

ここではTheme Font & Size Changerを使うと簡単に変更できるとありました。

addons.mozilla.org

しかし、インストールしてみたところ、メニューにもツールバーにもアイコンが現れず操作できませんでした。

もう一つの方法にuserChrome.cssを編集するという方法がありました。

しかし、気軽に編集したり反映させたりするのが面倒なのでStylishというアドオンを使うことにしました。

addons.mozilla.org

使い方は以下のサイトに詳しく載っています。

といっても簡単です。

メニューのアイコンや設定(オプション)のアドオンの項目から「新しいスタイルを書く」を選ぶだけです。

mozilla-remix.seesaa.net

フォントを変えるUI部品は細かく指定できるようです。

@charset "utf-8";

menubar,
menubutton,
menulist,
menu,
menuitem,
textbox,
toolbar,
.tab-text,
tree,
tooltip,
sidebarheader,
statusbar,
window {
  font-size: 10pt !important;
}

menubar,
menubutton,
menulist,
menu,
menuitem,
textbox,
toolbar,
.tab-text,
tree,
tooltip,
sidebarheader,
statusbar,
windows,
label {
  font-family: "Bitstream Vera Sans" !important;
}

上の3つのページを参考にこんな感じにしてみました。

重複していて変な書き方になっているのは、フォントサイズの方には"label"が指定されていないせいです。

これをフォントサイズに指定してしまうと設定画面の文字サイズまで小さくなってしまいます。

この結果、アドオンマネージャの設定画面は次のようになりました。

f:id:t_massann:20160607104629p:plain