Chromeのフォントがメイリオになってデザインが崩れる

つい数日前にGoogle Chromeが更新されて、知らぬ間にデフォルトのフォントがメイリオになっていました。「商品ページがよりオシャレに見えるようになったなあ。」とカンタンに考えていたのですが、他に問題が・・・。

メイリオになったことで、デザインが至るところでオカシイことに・・・悲

ヘッダーのテキストが一行だったものが二行になって崩れたり、商品ページのキャッチコピーが二行に書かれている部分が重なって表示されたり（行間設定の問題）、仕様や商品説明でも意図しないところで改行されたり・・・

この件で最初は、「CSSで強制的にフォントを「MS Pゴシック」にでも指定してしまおうか！」と思ったのですが、Chromeがこれから「こういう感じで行く」という方針なので、あまりその流れに背くのもあとあと面倒かもしれない・・・と思ったので（？）、とりあえずはデザイン崩れなど気になる部分はその都度直していこうということになりました。

ちなみに、ブラウザのシェアはIE ＞ Chrome ＞ Firefoxという感じなので、この3つくらいはデザインがおかしくないか、ページを作った時は確認したほうが良さそうです。

【 楽天で売れる理由とは？ 】 売上不振で悩んでいませんか？楽天市場で販路拡大！売上アップ！

タグ：メイリオ ブラウザ Google Chrome CSS