chrome-font_ecmg

マネジメント

アレ?Chromeの表示文字、汚なくなった!? キレイなフォントを1分で取り戻そう

 クロームちゃんてさ・・最近ちょっと汚いよね?

 ちゃんとおフロ入ってる? 忙しいの?

 でもフォントぐらいキレイにしておこうよ。

 クロームちゃん、元々キレイなんだから・・

と、思わず本音を伝えてしまいそうな出来事。

Chromeに表示される文字、汚くなっている気がしましたか?

読みづらくなっている気がしましたか?

ええ、気のせいじゃないです。

どうやら自動更新されるアップデートで、デフォルトフォントが変更されているようです
正確には、せっかくキレイになったのに、また元に戻ってしまった状態。
「メイリオ」ベースから「MSゴシック」系へ変更されています。

2017年2月9日追記:今回のアップデートでは逆に「MSゴシック」から「メイリオ」ベースに変更されました。以下で紹介しているフォント変更の手順は変わりません。

下の画像でビフォア・アフターを再確認してみましょう。

 メイリオ | MSゴシック(クリックで拡大後、左右キーで比較)

chrome-font_02

chrome-font_01

chrome-font_04

chrome-font_03

サイト運営者にとっては『そのサイト内でのフォントファミリーの固定表示設定』をすることで解決出来ますし、使用テーマによっては既に設定されていたりします。

でも、これじゃあ普段使いする気になれない人も多いでしょう。Google検索結果画面も、WordPress管理画面もそこらじゅう『ほっそりジグザグ』。テンションが上がらない!

そんな”違いの分かるアナタ” に、表示フォントをサクッと元に戻す方法を紹介します

 ブラウザのアップデートによってたまに起こる現象のようです。

 逆にメイリオベースに切り替えられることもあります。

 Windows利用者は特にその影響を受けがちなので、この機会に覚えておきましょう。

Chromeデフォルト「フォントとエンコード」設定で解決

いくつか改善方法はありますが、一番簡単な方法で解決しましょう。
ブラウザで新規タブを開いて、下記文字列(URL)を検索窓に貼り付けて画面遷移して下さい。

chrome://settings/fonts

画面遷移すると「フォントとエンコード」画面が現れます 

chrome-font_08

上記はどこかの外部サイトではなく、『今使っている自分のChrome』の設定画面内にある項目なので、心配不要。ブラウザ右上にあるメニューアイコン→「設定」→下部にある「詳細設定を表示」→「フォントをカスタマイズ」でもたどり着けます。

chrome-font_05

chrome-font_06

chrome-font_07

ここで設定したら、もうフォント変更完了。
基本的に「メイリオ」に設定すれば、『あーコレコレ!』という表示に戻ります。
もちろん自由にカスタマイズすることも出来ます。

chrome-font_09

設定して「完了」ボタンを押せば基本的には即時反映されますが、変更が適用されてなさそうであれば、一度開いているウィンドウを全て閉じ、Chromeを再起動しましょう。

では改めて確認!

 MSゴシック | メイリオ(クリックで拡大後、左右キーで比較)

chrome-font_10

chrome-font_11

『コレコレ!』ですね。キレイになりました。
好みにもよりますが、後の画像のフォントのほうが見やすくなっています。
ちょっとしたことですが、ブラウジングする際の気持ちよさが大きく変わりますよね

逆に「メイリオ」→「MSゴシック」ベースに戻したい場合は、最初の初期設定画像を参考に指定しなおせば解決です。

おまけ - Macのデフォルトフォント設定

Macの場合はRetinaディスプレイ対応などの都合でフォントが制御されているので、上記とはまた違ったデフォルト設定になっています 

chrome-font_12

カスタマイズして元に戻せなくなった…なんて人はこちらを参考にしてください。
もちろんOSやブラウザのアップデートにより変更があるだろうことも添えておきます。

サイト運営者側の視点

注意しておきたいのは、【設定変更をしていない訪問者】からは見え方が変わるわけではないので、サイト運営者にとっては根本的な解決にはなりません。

自サイトでの表示が気になるようであれば、このような事態に備えて、サイトで表示されるフォントファミリーを固定設定しておくべきでしょう。

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャー…
  2. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  3. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  4. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  5. 子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と…

関連記事

  1. todoist-advanced_ec
  2. mailbox-goodbye-label_ec

    マネジメント

    サービス終了前に済ませておきたい、”Mailbox独自のGmailラベル”ネスト解除方法

    Mailboxの独特なラベル世界、知ってました?世界中で愛用されて…

  3. dash_ecmg

    マネジメント

    あっという間に仕事効率化。ブログにも使えるMac定型文ツール「Dash」の設定方法と使い方

    「ズバッと入力」でラクしよう。HTMLの入力、メールの文言、署名・…

  4. phrase-express_ecmg

    マネジメント

    魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「PhraseExpress」の設…

    「ズバッと入力」でラクしよう。HTMLの入力、メールの文言、署名・…

  5. todoist-cancel-function_ecmg
  6. mailbox-goodbye-swipe_ec

    マネジメント

    サービス終了前に判断したい、Mailboxアプリの自動スワイプパターン移行方法

    状況別に、2通りの移行方法。世界中で愛用されていたメール管理アプリ…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. improvement-flow_ecmg
  2. tcd-mag_ecmg-ps
  3. display-speed_ec
  4. business-books_ecmg
  5. theme-change_ecrt
  6. todoist-tips_ecmg
  7. tcd-theme-selection_ecmg-ps
  8. extension-tools-for-bloggers_ec

ピックアップ記事

  1. media-setting_ec
  2. widgetoon-js-count-jsoon_ecmg
  3. tcd-theme-widget_ecmg
  4. tcd-css-customize_ecmg
  5. todoist-routine_ecrt
  6. facebook-page-plugin_ecmg-ps
  7. unroll-me_ec
  8. todoist-class_ecrt

タスク管理で、自己管理。

todoist

掘り出し記事

  1. analytics-ip-filter_ecmg
  2. mergely-ecmg
  3. todoist-re-schedule_ec

魅力的なブログを、今すぐ作る。

tcd-mag

ブログのRetina対応、始めませんか?

retina-os-solution

ピックアップ記事

  1. child-theme_ecmg
  2. todoist-constitution_ec
  3. blog-theme-mag_ecmg-ps

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. modern-dilemma-ecmg
  2. paradigm-shift-ecmg
  3. irreplaceable-ecmg

Requ.log | おすすめ書籍

言葉の贈り物 生きがいについて
「言葉にできる」は武器になる。 プロフェッショナルは「ストーリー」で伝える

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考系ピックアップ記事

  1. reset-button_ecrt
  2. blog-contents_ecrt
  3. irreplaceable-ecmg
  4. modern-dilemma-ecmg
  5. restriction_ecmg-ps
  6. paradigm-shift-ecmg
  1. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
  2. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  3. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  4. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
  5. valuable-content-from-image_ec

    ワードプレス

    『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ
PAGE TOP