MS IE11とMicrsoft Edgeのフォントバグ

2016年1月28日

網戸屋の日頃をつぶやく独り言。
自然人で自由人で仕事人でweb作成もする。
現場を少しだけご紹介しましょう。

旧サイトから移行しました。
画像や動画掲載をやめた記事もあります。
旧サイト上の写真は低画質の古い画像多数です。

MS IE11とMicrosoft Edgeの表示フォントバグ

最近何か変だなぁーと思っていた。
サイトの表示にズレがあるなと感じてはいたんだが。元々webサイトの表示は使用しているブラウザで全く異なることは周知の事実。

作り手側はなるべく全てのブラウザでのＭＭＩは同じ様に表示されるように努力するもの。
当然ですが文字フォントの大きさや行間隔・・・ブラウザ毎にＣＳＳを作って調整するんです。それは当たり前。。。なんですが！

windows７版のＩＥ１１にどーもバグがある様ですね。
私は偶然windows7からwindows10にアップして使っているんですが、IE11は多分windows7版になっているんだろうな。

何がバグかって表示フォントが何とＭＳＰゴシック。えええ？メイリオじゃねーの？
まじかとEdgeも見てみた….マジかよゴシック（笑）

google Chromeは？？　当然メイリオ　安心。
んでwindows8.1のIE11は？　何とメイリオ
はい？何これ　ちなみにタブレットのgoogle Chromeは….当然ゴシックでこれは仕方がない。

ぐちゃぐちゃやん！！
ＣＳＳに指定するfont-familyに　 sans-serif　を指定するのは当然当たり前のことなんですが、どーもこれが原因らしい。

メイリオを指定してんのに表示されないって何（笑）
試しに全部のCSSのfont-family　に書いてある sans-serif　を消して見た。

MSPゴシック表示されていたwindows7のIE11とMicrosoft Edgeは「メイリオ」の表示になった。

が（笑）

google Chromeが残念な　「明朝」　（笑）
まぁこれ指定しなきゃ勝手に好きなフォントで表示されるわけで当然の結果なんだろう。

馬鹿くさぁーーーーー。
sans-serifを指定して戻す。
IE11界隈　何とかせーーーや　あふぉ！

そもそも,　sans-serif　が指定されていないと自分で好きなフォントに表示を変更できないんだが。
昨今の流行は当然綺麗なメイリオで使うでしょ　普通。

これが当該windows7版のIE11とEdgeでは　メイリオの選択ができないという　バグ　ですねこれは。

意味わかんねーーーー。