*

Chrome42から標準フォントがメイリオになってデザイン崩れが発生

公開日: : Web制作

オフィス画像

Google Chrome42 から日本語標準フォントがMS Pゴシックからメイリオに変わりました。フォントが変わるだけですが、これは意外と大きな変更です。

昔から Windows のブラウザの標準日本語フォントには「MS Pゴシック」が使われてきました。ウェブサイトのフォントも CSS で特にフォントの指定がなければ MS Pゴシックで表示されるため見慣れたフォントになっているでしょう。

これが突如メイリオに変わりました。メイリオの語源は明瞭。画面上でも印刷しても明瞭である事からそう名付けられたようです。確かに綺麗で読みやすく、嫌いではないフォントです。

何が問題になるかと言えば、ウェブサイト上のフォントです。従来 MS Pゴシックで表示されていたウェブサイトが全てメイリオで表示されます。メイリオは MS Pゴシックと比べて横幅が若干長いです。MS Pゴシックで10文字分はメイリオでは10文字分を越える事になります。これによりウェブサイトでカラム落ちが発生するなどデザイン崩れが出る恐れがあります。

これを防ぐためには CSS でしっかりとフォント指定「font-family」をしておく事が必要です。

細かく font-family 指定をしていないウェブサイトは最新 Chrome ではデザイン崩れが発生している可能性があるので、一度確認してみる事をおすすめします。

上部広告

  • Pocket

おすすめトピックス

関連記事

ECCUBE
EC-CUBE2.11で全角英数字でも検索できるようにする方法

EC-CUBE2.11系のカスタマイズ方法は見当たらなくて苦労したのでメモしておきます。 EC-CUBE(イーシーキューブ)は、オープンソースのEC向けコンテンツマネージメントシステムである。(引用元) ようは、ネットシ […]

ブログ記事通りにコピペしたのにjqueryが動かない時に確認する事

ウェブサイトを訪れた時に画像がスライドで切り替わったり、スマートフォンサイトだったら横からメニューが出てきたりインタラクティブな動きをするウェブサイトを一度は見たことがあると思います。それらは大抵 jQuery という技 […]

Google Analyticsで簡単にダウンロードカウンタを実装しよう

こんにちは、土日になる度雨で鬱な桐村です。 何か自分で作った作品をネットにアップしていたら、ダウンロード数って気になりませんか?そうするとダウンロードカウンタという選択肢が出てくるわけですが、普通一般的なサイトにダウンロ […]

CSSが効かなくなった!時に確かめる事

CSS は現在の Web 制作においては必須スキルです。無料サービスのブログ等では必須スキルではありませんが、知識は持っていたほうが独自のデザインを作ることが出来て有用です。 目次1 CSS とは?2 CSS が効かなく […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
つるやパンの2号店!ふわふわまるい食パン専門店が長浜駅前にオープン

つるやパンと言えば聞いたことがある方も多いかもしれません。つる

コンビニ受け取り
不在がちでもAmazonの注文の品をコンビニで受け取る事ができます【ファミリーマート編】

ネットショッピングは今では物を購入する手段としてメジャーな存在となりま

安全靴
カジュアルで疲れにくく痛くない!安くて履きやすいおすすめ安全靴【喜多】

倉庫や工場、建設業の方ならお馴染みの物かと思いますが、安全靴と

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたの

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応

→もっと見る