Top Mozilla-Tip's >Firefox各部のフォントを変更する方法。
2010年03月23日

Firefox各部のフォントを変更する方法。

Firefoxでは、オプション設定によりページを表示した際のフォントを変更することができるようになっています。

しかし、ツールバーやメニューバー、ブックマークなどを表示するためのフォントやフォントサイズはを変更する項目はなく、デフォルトに従うしかありません。

スペースの関係や見やすさなどの点から、こうしたUI各部のフォントも変更したいという方もいらっしゃると思います。

そんな時は、以下のCSSを[userChrome.css]に記述するか、Stylishに新規スタイルとして登録することにより、自由に変更することができます。


/* change all the fonts together */
menubar,
menubutton,
menulist,
menu,
menuitem,
textbox,
toolbar,
.tab-text,
tree,
tooltip,
sidebarheader,
statusbar {
font-size: 10pt !important;
font-family: フォント名 !important;
}



コードに記述されているように、メニューおよびメニューバー、ボタン、リスト、アイテム、テキストボックス、ツールバー、タブテキスト、ツリー、ツールチップ、サイドバーヘッダ、ステータスバーなどに変更が適用されます。

たとえば[フォント名]部に[メイリオ]と書きフォントサイズを[9pt]にすればUIが以下のようになります。


■変更前


01_Firefox_font.JPG



■変更後


02_Firefox_font.JPG


こうした変更はOSである程度行うことはできますが、非常に面倒な上、他のアプリにも影響してしまうことから不具合が出る場合もあります。

この方法なら、常用しているFirefoxだけに適用でき、いつでも自在に変更することができるようになります。

XPなどをご利用でギザギザのフォントが嫌だという方や、サイズを小さくしてより多くの情報を表示したいという方は試してみてはいかがでしょうか。


<関連記事>


■そのフォントは何?「Font Finder」

■[Firefox]ステータスバーのフォントサイズを変更する方法。

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト(とりあえず10個)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その2>(More10Tip's)

■Firefoxのインターフェースを自分仕様にカスタマイズするためのuserChrome.cssコードリスト<その3>(Next 4Tip's)

■Firefoxのインターフェースを約30カ所カスタマイズできるアドオン「UI Tweaker」


posted by moziller at 20:35 | Comment(1) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
これだけで見た目ががらっと変わりました。
ありがとうございます。
Posted by ukisora at 2010年10月18日 01:04
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック





×

この広告は180日以上新しい記事の投稿がないブログに表示されております。