KEN×KEN☆BLOG

メイリオでXPを快適にの続きで、今回はFirefox編！！

まずこの時点でのメイリオ表示状況です。

フォントの指定	該当する有名なサイト	表示状況
無指定	しょこたんぶろぐ	×
ゴシック体のみ指定	Wikipedia	×
欧文フォント＋ゴシック体	Google	×
メイリオ以外の日本語フォントが先頭＋α	yahoo!	×
メイリオが先頭＋α	このブログ(笑)	○

標準フォントをメイリオに

Firefoxを開き [ツール] → [オプション] → [コンテンツ] → と進み『フォントと配色』の規定のフォントをメイリオに変更。



これでメイリオ表示状況は↓のようになります。

フォントの指定	該当する有名なサイト	表示状況
無指定	しょこたんぶろぐ	○
ゴシック体のみ指定	Wikipedia	○
欧文フォント＋ゴシック体	Google	○
メイリオ以外の日本語フォントが先頭＋α	yahoo!	×
メイリオが先頭＋α	このブログ(笑)	○

あと効果は微妙ですが、規定のフォントの右にある詳細設定で多少カスタマイズが可能です。ちなみにボクは明朝体もメイリオにしてます。(個人的にwebでの明朝体は読みにくいので)

アドオンStylishを使って自分用のCSSを適用させる

残るはyahoo!のようなサイトです。これらのサイトをメイリオで表示させるには、IE同様にユーザーCSSを読み込ませて上書きする方法を使いますが、今回は複数のユーザーCSSを簡単に管理できる便利なアドオン Stylish を使ってメイリオで表示させます。

【１】Stylishをインストールします。

【２】Firefoxの画面右下の"Ｓ"のアイコンをクリック → [新しいスタイルを書く] → [白紙のスタイル]を選び編集画面を表示させる。

【３】編集画面にメイリオ指定のCSSを書いて、適当なタイトル名で保存。

body { font-family: "メイリオ" !important; }

【４】Stylishのアイコンをクリックして【３】で保存したタイトル名のCSSをクリック(アイコンの色が白→モノトーンに変化)。
試しにyahoo!を開いてみて、メイリオで表示されてれば成功です。

Stylishには他にも、特定URLや特定ドメインのみに適用させる設定が可能(指定サイトではカラフルなアイコンになり自動適用、それ以外のサイトでは適用されない)なので。頻繁に開くサイトをでカスタマイズすれば、より快適なPC環境になるかもしれません、オススメです。


■関連があるかもしれないエントリー　　※まだ未完成です

・メイリオでXPを快適に
・IEでメイリオ
・メイリオ (Google Chrome)
・メイリオ (Opera)
・メイリオ (Safari)
・メイリオ (その他)

メイリオでXPを快適にの続きです。

この時点でのメイリオ表示状況は、下記の表のようになっています。

フォントの指定	該当する有名なサイト	表示状況
無指定	しょこたんぶろぐ	×
ゴシック体のみ指定	Wikipedia	×
欧文フォント＋ゴシック体	Google	×
メイリオ以外の日本語フォントが先頭＋α	yahoo!	×
メイリオが先頭＋α	このブログ(笑)	○

今回は利用者の一番多いと思われる Internet Explorer (IE) で、メイリオが指定されてないサイトでもメイリオで表示させる手順の説明です。

※正式版のIE7,IE8の環境がない為、IE6以外での確認はできてません、IE7,IE8での手順が異なるかもしれませんがご了承願います。

標準フォントをメイリオに

IEを開き [ツール] → [インターネットオプション] → [全般] → [フォント] → 『webページフォント』の項目をメイリオに変更。


これで下記のように多くのサイトがメイリオで表示されるようになります。

フォントの指定	該当する有名なサイト	表示状況
無指定	しょこたんぶろぐ	○
ゴシック体のみ指定	Wikipedia	○
欧文フォント＋ゴシック体	Google	○
メイリオ以外の日本語フォントが先頭＋α	yahoo!	×
メイリオが先頭＋α	このブログ(笑)	○

残るは、メイリオ以外の日本語フォントが指定されたサイトです。

ブラウザに自分用のCSSを読み込ませる

メイリオを指定するCSSファイルを作成して、ブラウザに読み込ませる事でサイト側のフォントの指定を上書きします。

【１】[スタート] → [すべてのプログラム] → [アクセサリ] → メモ帳

【２】メモ帳にメイリオを指定するCSSを書き込みます。

@charset "utf-8";
body { font-family: "メイリオ" !important; }

【３】保存します、[ファイル] → [名前を付けて保存] と進み、ファイル名の最後を.cssにして(例:font.css)、文字コードを UTF-8 にして保存。

【４】IEを開いて [ツール] → [インターネットオプション] → [全般] → [ユーザー補助] と進み、ユーザースタイルシートの部分の『自分のスタイル シートでドキュメントの書式を設定する』にチェックを入れて、参照ボタンから1～3で作成したCSSファイルを指定して完了です。

これで基本的に全てのサイトがメイリオで表示されるようになります。

※CSSの優先順位の関係でメイリオで表示されない場合もあります。

てか書いてる途中で気がつきましたが、ユーザーCSS読ませれば標準フォントは変える必要ないかも…(未検証)


■関連があるかもしれないエントリー　※まだ未作成です

・メイリオでXPを快適に
・Firefoxでメイリオ
・メイリオ (Google Chrome)
・メイリオ (Opera)
・メイリオ (Safari)
・メイリオ (その他)

メイリオ（Meiryo）とは、和文ゴシック体フォントの一つである。メイリオは、Windows Vista以降のマイクロソフト製OSに標準で搭載されており、Windows XP、Windows Server 2003までのMicrosoft Windowsにおいて利用されてきたMS UI Gothicに代わる新しいシステム用フォントとして提供されている。

メイリオ - Wikipedia

ボクが初めてメイリオを知ったのは昨年と遅いのですが、初めてメイリオでサイト閲覧をした時、その読みやすさに感動した記憶があります。その快適さから、今では手放せない存在となったお気に入りのフォントです。(笑)

■メイリオとMSPゴシックの比較

MSPゴシックに比べて、メイリオはギザギザしてなく滑らかです、慣れなどの個人差はあると思いますが、読みやすさが圧倒的に違いますよね？

以前アメブロで書いた内容とほぼ同じなので、知ってる方には申し訳ないのですが、このブログはメイリオを基準にデザインしている(途中…汗)ので、再度XPでメイリオを使う方法を書いてみようと思います。

Windows XPでメイリオを使う方法

【１】マイクロソフトのページからWindows XP 向け ClearType 対応日本語フォント(メイリオ)をダウンロードします。(無料)

【２】ダウンロードされた VistaFont_JPN のファイルをダブルクリックして [実行] → 規約に同意して [はい] をクリックでインストールします。

これでメイリオの入手が完了したと思いますが。この時点で表示させても、下記画像のように、ギザギザして汚い、通称ダメーリオ(勝手に命名w)状態で表示されてしまうと思います。

折角のメイリオも、このままでは、むしろMSPゴシックの方が読みやすいと感じるガッカリな状態なので、PCの設定を少し変更して本来の姿にします。

【３】[スタート] → [コントロールパネル] → [デスクトップの表示とテーマ] → [画面] と進み、画面のプロパティを表示。

※デスクトップ上で右クリック → [プロパティ] でもOKです

【４】画面のプロパティが表示されたら [デザイン] → [効果] と進み『次の方法でスクリーン フォントの縁を滑らかにする』にチェックを入れて ClearType を選択。

これでメイリオ本来の綺麗な表示になります♪♪

現時点でメイリオで表示されるのは？

さて、これでメイリオを導入して使える状態に出来た訳ですが、これだけではまだメイリオで表示されないサイトも沢山あります。

■一般的なフォント指定での(現時点でのメイリオ)表示状況

フォントの指定	該当する有名なサイト	表示状況
無指定	しょこたんぶろぐ	×
ゴシック体のみ指定	Wikipedia	×
欧文フォント＋ゴシック体	Google	×
メイリオ以外の日本語フォントが先頭＋α	yahoo!	×
メイリオが先頭＋α	このブログ(笑)	○

このように、現時点ではメイリオを直接指定してあるサイト以外は表示されません。更に現状メイリオを指定しているサイトは多くない(と思われる)ので、このままでは折角のメイリオも出番は少なく活かされません。

メイリオを指定していないサイトもメイリオで表示させたい場合は、各ブラウザのフォントの設定、その他を変更する必要があります。

半端なところで区切って申し訳ありませんが、ブラウザ毎に手順が微妙に違うので、下記の個別エントリーを参考にして下さい。

※まだ未作成です

・IEでメイリオ
・Firefoxでメイリオ
・メイリオ (Google Chrome)
・メイリオ (Opera)
・メイリオ (Safari)
・メイリオ (その他)