chrome-font_ecmg-1

マネジメント

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

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

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

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

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

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

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

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

自動更新されるブラウザアップデートで、デフォルトフォントが変更されているのです。「明朝体」「MSゴシック体」が含まれたものへ変わっています。

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

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

chrome-font_02

chrome-font_01

chrome-font_04

chrome-font_03

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

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

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

 ブラウザの自動アップデートでたまに起こるこの現象は、Windows利用者が特に影響を受けがちです。いつでも好みのフォントに変更できるように覚えておきましょう。

スポンサーリンク

Chromeデフォルト「フォントをカスタマイズ」設定で解決

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

chrome://settings/fonts

画面遷移すると「フォントをカスタマイズ」画面が現れます 

chrome-font-n01

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

chrome-font-n04

ここで設定したら、もうフォント変更完了
フォントの種類に特にこだわりが無い場合、例えば、すべてを「メイリオ」に変更します。

chrome-font-n02

そうすると『あーコレコレ!』という表示に戻りますし、自由にカスタマイズすることも出来ます。”ほっそりジグザグ”な状態を解消したいだけであれば、「固定幅フォント」欄を好みに変更すればOK。

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

では改めて確認。

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

chrome-font_10

chrome-font_11

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

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

スポンサーリンク

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

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

chrome-font-n03

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

サイト運営者側の視点

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

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

Chrome関連記事

スポンサーリンク

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

Requ.log | レク.ログ

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

ピックアップ記事

  1. きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG…
  2. ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方…
  3. 便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cac…
  4. 魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「Phrase…
  5. Todoistとも連携。複数のメールアカウントを一括管理するMac・iPhone…

関連記事

  1. reset-button-ecmg

    思考志向 - シコウシコウ

    簡単で効果的なストレス解消方法。「リセットボタン」で本当のリラックスを呼びだそう

    ”リラックスしたつもり”になってない?休憩しても休憩した気になれな…

  2. todoist_ec
  3. mailbox-goodbye_ec
  4. spark-tutorial-ecmg
  5. todoist-design_ec

    マネジメント

    タスクを完了させたくなる!? モチベーションアップに役立つTodoistのデザイン性

    続けたくなる、”デザイン”。タスク管理って、つまるところ『やりたい…

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

特集記事

  1. valuable-content-from-image_ec
  2. extension-tools-for-bloggers_ec
  3. tcd-theme-user-review_ecmg
  4. todoist-tips_ecmg
  5. todoist_ec
  6. retina_ecmg

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

todoist

人気記事

  1. compress-jpeg-png-images-ecmg
  2. screenpresso-initial-setting_ec
  3. child-theme-mechanism_ecmg-ps
  4. jpg-gif-png_ecmg
  5. media-setting_ec
  6. child-theme_ecmg

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

tcd-mag

ピックアップ記事

  1. simple-image-sizes_ec-ps
  2. like-button-card_ecmg-ps
  3. lightshot_ecmg
  4. enlarge-image-ecmg
  5. child-theme_ecmg
  6. original-share-button_ecmg-ps

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

retina-os-solution

掘り出し記事

  1. pushbullet_ec
  2. feedly-count-problem_ecmg
  3. LightShot-Screenpresso_ecmg
  4. unroll-me_ec
  5. retina-os-solution_ecmg
  6. mergely-ecmg

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

gif-animation

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg

とっておきのWordPressテーマ。

tcd-theme-selection

ピックアップ記事

  1. like-button-card_ecmg-ps
  2. sns-count-cache_ecmg2
  3. todoist-class_ecrt
  4. child-theme-mechanism_ecmg-ps
  5. compress-jpeg-png-images-ecmg
  6. todoist-basic_ec-ps

CATEGORIES

Requ.log | Recommend

WordPressテーマ「MAG(TCD036)」
WordPressテーマ「Bloom(TCD053)」

特集記事

  1. todoist-tips_ecmg
  2. tcd-mag_ecmg-ps
  3. valuable-content-from-image_ec
  4. improvement-flow_ecmg
  5. extension-tools-for-bloggers_ec
  6. tcd-theme-selection_ecmg-ps

人気記事

  1. child-theme_ecmg
  2. chrome-font_ecmg-1
  3. jpg-gif-png_ecmg
  4. chrome-full-screen-capture-ecmg
  5. screenpresso-initial-setting_ec
  6. compress-jpeg-png-images-ecmg
  7. media-setting_ec

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg
  1. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  2. improvement-flow_ecmg

    マネジメント

    ”セルフマネジメント”の第一歩。忙しくても頭と心は軽くしておく、自己管理術と生活…
  3. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法
  4. extension-tools-for-bloggers_ec

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個の…
  5. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
PAGE TOP