IEだと游ゴシックで文字がやや上よりに表示される。

HTML/CSS

こんな時代でもIEに悩まされるのかよ、という感じです。
お仕事でふと配置の乱れが気になる箇所があったので、詳細を調べてみるとフォントが原因だった。
vertical alignとかを疑ったけど、フォントは完全に盲点。

こんな感じでIEでは游ゴシックは上によって表示されます。
解決方法はIEは忘れることです。サポートの切れたクソブラウザなんて無視無視。

そんなわけにも行かない場合はMeiryoで統一しましょう。
どうしても游ゴシックで行きたい場合はIEだけ別途CSSを当てる必要がありますが、時間の無駄ですし将来間違いなく忘れます。

IEを使わなければならないレガシー開発をされる方は游ゴシック禁止で!
どうしても両対応で行きたい場合は以下のリンクが非常に参考になります。

游を font-family で指定した時に IE で生じる謎余白対策 | Thought is free
IE で游ゴシック・游明朝を指定した時に IE で生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。 IE の場合、「メイリオ」以...
【CSS】游明朝・游ゴシックがIEでずれる | 野良人(のらんど)|大阪府堺市のWEB制作屋さん
サスガIE。こちらの記事で紹介した制作事例のサイトで、「見出しは明朝で」というオーダーがあったのでfont-familyに游明朝を組み込んでいたのですが、IEでまさかのレイアウトずれ。調べたら、ちょこちょこいろんなところで悲鳴が上がっている模様。游明朝体・游ゴシック体の使用は注意しなくてはならない・・・ やってくれるね...

コメント