・IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
・IE9用のCSSハック?Webページのフォントサイズ指定で今後注意する事
上記二つのエントリへの、沢山のはてブ&ツィートありがとうございます。
予想外の反響に嬉しさ半分戸惑い半分です。
はてブコメントやツィートを見てて、私の心情的な部分や記事の流れも書いておいた方が良いかな?と感じたのでエントリーにしてみます。
ぶっちゃけた話、該当エントリーは- (私が)IE9でもMS Pゴシックでブラウジングしたい。
- (私のサイトをIE9で見る人には)メイリオ・MS Pゴシック、どちらを利用しても読みやすい表示にしておきたい。
- でもその方法が解らない。不満!
この3つがごちゃごちゃになっています。
はてブコメントの
▲このお二方の意見が冷静&正しい。(注:Faikyさんのコメントは変更前のもの)
私が混乱している&問題の切り分けがまだ出来ていないってのが大正解。
勉強不足なまま書いた部分も一杯あります。
落ち着いて書いた文章ではないので、大袈裟な表現している所は冷静に突っ込むか鼻で笑って頂くのが正解です。
30分後追記:
IE9ヤバイの話。 - NO UIHARU, NO LIFE. - subtech
読ませて頂きました。自分が次に何を学ぶべきか見えてきました。
ありがとうございます!><
私の中での時間の流れを箇条書きすると
- 最初は自分がIE9+MS Pゴシックで快適にブラウジングする方法を探っていました。
- IE9のClearType無効にする方法発見。ブログのエントリに。よし、これで快適に閲覧出来る。この話題はここで終了のつもりだった。
- IE9のClearType無効にしてブラウジングしていて、自分のサイトの文字間隔が妙に詰まって読みにくくなっている事に気が付く。
巡回サイトを色々見ていると、字間の詰まるサイト、詰まらないサイト、両方ある事に気が付く。 - これは何・・・? ひょっとして自分の環境だけでIE9+MS Pゴシックが快適に表示されるようになってもダメなの?
サイト・サーバー側でIE9+MS Pゴシックが快適に表示させる方法を模索。
- Yahoo!トップページはIE9のClearTypeの有効・無効に関係なく文字が詰まっている事も発見(これは互換表示で解決する問題)
でもそれ以外にもIEの設定を変更して解決する方法はないか?を模索し始める。 - この辺りから「自分が快適にブラウジングしたいのか」「自分のサイトをIE9+MS Pゴシック・IE9+メイリオ両方に最適化させたいのか」良く解らない状況に。
- 色々調べてブログ更新しつつも、この辺りでブログのエントリにブレが出始める。
IE9をディスる方向へ傾き始める。 - 調べても調べても、上手い解決方法が見つからない。
恥ずかしながら、ここで不満が爆発
- 私はメイリオよりMS Pゴシックの方が好きなんじゃぁ~!
- (私以外にもMS Pゴシック好きな人は沢山いるだろうから)そういう人の為にも自分のサイトはMS Pゴシックで表示したいんじゃぁ~!
- でもIE9使う人の80%以上はメイリオ使っているだろうから、スタイルシートでMS Pゴシック指定するのは嫌なんじゃぁ~!
- 上記みたいな気持ちが入り混じって、冷静な文章が書け無くなって来た。
- まとまらないウチに不満を書き散らかしたらホッテントリした←いまここ
「もう少し情報をまとめて、自分が冷静になってから書き上げた方が良かったかな?」と思う反面、今もまだ冷静じゃないので「あの文章はあれで良いんだ」と思う気持ちもあります。もう注目されちゃった以上、なるようになれ的な気持ちも大きくなって来ました。
実際の所「IE9でもMS Pゴシックを使いたい!」って人はどれ位いるんだろ?
ほとんどの人はメイリオでIE9を使うよね?
メイリオで表示する分にはIE9は何にも問題ありません。非常に出来の良い子です。
でも、やっぱWeb屋さんとMSゴシック大好きっ子には深刻な問題だよねぇ。。。
個人的な事
ここで話の流れが大きく変わるけど、私の視力のお話をします。
私の視力は、晴れの日はだいたい0.8~0.6。雨の日は0.4~0.3。
晴れの日に1時間散歩すると、1.0位まで視力が上がります。
可変式の変態視力です。
私の視力では雨の日のボケ具合とメイリオのボケ具合は殆ど同じなのです。
ものすごくピントを合わせにくいのです。モニタの文字はクッキリシャッキリ、フォントのギザギザが見えていないと自分の視力に不安を感じるのです。
「MS Pゴシックがいらない子になって行く気がして、それが嫌だった」って気持ちも、あのエントリには含まれていました。
うん、冷静な文章じゃなかった。
「MSゴシック大好きっ子には、IE9はいらない子。」それが嫌だったんだ。
その後の進捗
今日になっても「自分の使いたいブラウザ」の話と「サイトの表示を最適化する方法」がゴッチャになってます&雑文です。
- font-familyにverdanaや arial、sans-serifのみ指定、日本語フォントを指定しないとOperaやGoogle ChromeでもMS Pゴシックになるのを確認。
四日前に確認した時、なぜこれに気が付かなかったんだろう? - IE9アンインストール→IE8で確認→IE9再インストールを2回くり返したらPCの調子が悪くなった\(^o^)/
- PC調子が悪くなった後、OperaとGoogle Chromeが数日前にメモした時と挙動が違う。何が起きた?何時から?何が原因?
色んな事を試しすぎて特定できない。 - コンパネからClearType無効にして
FirefoxをMSゴシック表示のメインブラウザに、
IE9をメイリオ確認用サブブラウザに変更しようと思った。
→ コンパネからClearType無効にしたら、IE9のメイリオが中途半端なClearTypeになった。
やっぱIEはMSゴシック、Firefoxでメイリオなスタイルが自分に合ってる - IE8とIE9を比べると、IE9の方が断然良い。IE8に戻すのも嫌だどうしよう。。
現在スタイルシート調整中
とりあえず、ぼくんちのTV別館のスタイルシートを少し変更中。
IE9+MS Pゴシック利用者を意識した部分
メインコンテンツ部分のフォント13pxから13.2pxに
太字で表示される部分に0.4pxほどレタースペースを入れた
サイトのメインターゲットをメイリオ利用者に
フォントカラーを#333から#222に変更
フォントの指定方法については悩み中。
今日の更新はここまで。
- IE9 のClearType を無効にする方法
- IE9 はメイリオ専用ブラウザなのかも知れない。。。
- IE9 のフォント変更方法1:Yahooなどを強制的にメイリオで表示する方法
- IE9 のフォント変更方法2:MS Pゴシックに変更・最適化する
- IE9 ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
- IE9用のCSSハック?Webページのフォントサイズ指定で今後注意する事
- 雑文更新:MS Pゴシックがいらない子になって行くのが嫌だった (このページ)