KEN×KEN☆BLOG

Firefoxでメイリオ

メイリオで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)
・メイリオ (その他)

IEでメイリオ

メイリオで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)
・メイリオ (その他)

メイリオでXPを快適に

メイリオ（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)
・メイリオ (その他)

Lucida Grande

CSSで"Lucida Grande"を指定してあるサイトをたまに見かけるので、どんなフォントなのか気になり入れてみました。ちなみに"Lucida Grande"は"Safari"をインストールすると付いてくるフォントです。

【１】Safari をインストール後に [スタート] → [コントロールパネル] → [フォント] フォルダーを開き [ファイル] → [新しいフォントのインストール] をクリック。

【２】フォントの追加という画面が表示されたら [C:\] → [Program Files] → [Safari] → [Safari.resources] と進む。

【３】"Lucida Grande" と "Lucida Grande Bold" がフォント一覧に表示されたら [すべて選択] → [OK] で完了。

個人的にはverdanaの方が読みやすいと思いました。

Safari4

iTunesをダウンロードするついでにSafariを3.2から4にしました。

何か見た目がGoogle Chromeっぽい感じになりましたね？ダウンロードページの画像は3.2のようなmacっぽい感じだけど、これは何か設定すれば選べるのかなぁ？…まぁどっちでもいいんですけどね。個人的にSafariはCSSのチェック以外ではほぼ開かないと思うので…。

あと気になったのは、Operaのスピードダイヤルを格好良くした感じの機能。これはちょっと試してみたかったけど、どうやって表示させるのか分からなくて諦めました。まぁSafariを開く事は滅多にないので、詳しく調べてませんけど…暇な時にでもググってみようか。

文字をMACっぽく変更

Safari4はデフォルトだと文字の表示がその他のブラウザと同じようですね？
どうせなら3.2のときのような滑らかな表示にしたいと思い変更しました。

Safari4の画面右上付近にある『歯車アイコン』から → [設定] → [表示] → [フォントの滑らかさ] → "Windows 標準" 以外をお好みで選択して完了。

ボクは中だと色が濃くて疲れそうだったので弱に設定しました。
これでMACっぽくなりましたかね？ …ってMAC触った事ないけど(笑)

滑らかにはなるけど文字が滲んだ感じになりますね。

--- 追記 ---

スピードダイヤルっぽいやつはTop sitesという名称だそうです、そんで表示されない理由も判明。Safari 4：Top Sites および Cover Flow 機能に必要な互換性のあるグラフィックカードによると、どうやらPCの中のグラフィックカードがショボイとダメらしい。

グラフィックカードって何？って知識なので、自分の使ってるグラフィックカードの性能も知らないので調べると。ボクの(４年前に買ったノート)PCはDirectX(ってヤツ)は9だったのだが、メモリが足りなかった…残念。

DirectX 診断ツールを使用して DirectX のバージョンを調べる方法

メモリを調べるには↑を参考に診断ツールを開いて [ディスプレイ] タブ → デバイスにある"メモリの合計"を確認すれば良いそうです。

ipod

今更ながら初めて買いました。

元々、電車とかでは音楽より本を読む(っていっても漫画だけど)タイプなので欲しいと思った事はなかったのですが、最近はジャケ買いするほど読む漫画がなくなってきたのと、5800円という低価格＋コンパクトなipodの存在を今更ながら知りノリで購入しました。(最低３万はするものだと思っていた)

まだ使い方は全然わかりません…"iTunes"ってやつゲットするところです。

でも、とりあえず漫画10冊よりは時間が潰せそうなのでヨシッ！！

ドメイン

このブログを作る時に困ったのがドメイン名。多分これは今後は変更不可の箇所だろうし慎重に決めたいところ。昔、お試しで忍者ブログ作ったとき、サブドメインは blog.shinobi.jp だったのが、今回は100種類のサブドメインから選択できるらしいとのこと…ですが！？

[アニメ][コスプレ]など、ちょっと変わったサブドメインしかない…(汗)

参照：忍者ブログのサブドメイン一覧

ドメインとジャンルが一致するなら問題ないかもしれないけど、個人的にはここから選ぶのは少々恥ずかしい気分。この時点で他社のサービスで登録しようか悩んだけど結局は消去法で決める事に。まず最後が.netより.comの方がカッコイイ気がしたので.netは消える、次に数字が混ざってるドメインは嫌なのでパス、その後どうせなら自分で決める部分とサブドメインで単語にしたい思い悩むこと数時間… megane.zoku-sei.com になりました。
某エンドレスで憂鬱で消失なアニメ見ながら勢いで決めました(笑)

何か結局は上で書いた少々恥ずかしいURLにしてしまい、後々後悔しそうな気もしなくはないが…まぁいっか…眼鏡属性あるし(謎)

ブログポリシー

まだ何も書いていませんがブログポリシーなど

■コメントの投稿について

管理人の承認後に公開となります、なお以下の場合は非公開となります。

・該当エントリーと関連のないコメント
・管理人が解読できないコメント (ギャル文字など)
・荒らし、スパム、宣伝目的なコメント

基本的に普通にコメントして貰えれば問題ありません。
公開までに時間を要する場合もありますがご了承下さい。

■トラックバックの投稿について

管理人の承認後に公開となります、なお以下の場合は非公開となります。

・該当エントリーと関連のない内容のトラバ
・該当エントリーと関連のないタイトル名のトラバ

公開までに時間を要する場合もありますがご了承下さい。

■その他

上記の内容は予告なく追記・変更する場合もあります。

初回作成日：２００９年９月
最終更新日：２００９年９月

忍者ブログを始めてみる

はじめまして、管理人のケンケンと申します。

先日まで、アメブロでスキンカスタマイズ(忍者ではテンプレ？)にハマっていましたが、CSS以外ほぼ編集不可のアメブロでは、物足りなく感じるようになってきたので、色々と編集可能な忍者ブログを新たに開設しました。

このブログでは、ブログカスタマイズやPC環境快適化をテーマにした覚書が主な内容になる予定ですが。それだけでは更新頻度も減って放置しそうなので、単なる日記、格闘技観戦、漫画、アニメ、料理、麻雀、パチスロ、など趣味な話題でお茶を濁しつつ続けていければと思っています。

宜しくお願い致します。

test

* { margin: 0; padding: 0; }