Chromeのフォントが勝手に変わった原因と、確実に戻す手順

Chromeの文字が急に変わるのは、多くの場合パソコンにフォントが追加されたことが原因です。Chromeは日本語の標準フォントを「候補リストの中で最初に見つかったもの」という決め方をしており、あなたが何もしていなくても、OSの更新やソフトの導入で結果が変わります。この記事では仕組みを説明したうえで、確実に元へ戻す手順と、そもそも変わらないようにする方法を整理します。

a man sitting in front of a computer monitor
Photo by Terrillo Walls on Unsplash

なぜ勝手に変わるのか

先に仕組みを押さえると、対処が一度で済みます。ここを知らないと、Chromeを更新するたびに同じことが起きます。

Chromeは候補リストから自動で選んでいる

Chromeの設計では、日本語の標準フォントに単一のフォント名ではなく候補のリストが割り当てられています。Windows版の場合、標準フォントの候補はNoto Sans JP、Noto Sans CJK JP、メイリオ、游ゴシックの順です。

Chromeはこのリストを上から順に見て、パソコンに入っている最初のフォントを採用します。つまりリストの上位にあるフォントが後から入ると、その時点で表示が切り替わります。

だから何もしていないのに変わる

Windows Updateやオフィスソフトの導入でフォントが追加されると、それだけで表示が変わります。ユーザーが設定を触った覚えがなくても起きるのは、この仕組みのためです。

逆に言えば、一度でも自分でフォントを明示的に指定しておけば、この自動選択は働きません。恒久的な対策はここにあります。

種類ごとに候補が違う

種類Windowsでの候補(上から優先)
標準・Sans SerifNoto Sans JP → Noto Sans CJK JP → メイリオ → 游ゴシック
SerifNoto Serif JP → Noto Serif CJK JP → 游明朝 → MS P明朝
固定幅BIZ UDゴシック → MS ゴシック

見出しは変わったのに本文は変わらない、といった現象が起きるのは、種類ごとに候補が別だからです。

設定のリセットでは戻らない

先に回り道を潰しておきます。Chromeの設定を初期化してもフォントは戻りません。

公式ヘルプにも、設定のリセットですべてが初期化されるわけではなく、フォントやユーザー補助機能など残るものがあると明記されています。フォントを直したいなら、フォントの設定を直接操作する必要があります。

完全に初期状態へ戻したい場合は、新しいユーザープロフィールを作るのが公式の案内です。ただしブックマークや拡張機能も引き継がれないため、通常は次の手順で足ります。

原因を切り分ける手順

設定をいじる前に、どこに原因があるかを絞ります。上から順に確認してください。

手順1:全ページで起きているか確認する

特定のサイトだけ変なら、Chromeの設定ではなくそのサイトのCSSが原因です。この場合、閲覧側で直すことはできません。

手順2:ズームが100%か確認する

文字が大きい、小さいという症状なら、まずズームを疑います。WindowsはCtrlキーと0、Macは⌘キーと0で100%に戻ります。

ズームはページ全体を拡大縮小するもので、フォントサイズは文字だけを変えるものです。目的が違うので混同しないでください。画像も一緒に大きくなっているならズームです。

手順3:拡張機能を疑う

Chromeの拡張機能は、専用の仕組みを通じてフォントの種類やサイズ、最小フォントサイズを変更できます。設定画面に「この設定は拡張機能によって管理されています」と出ていれば確定です。

表示が出ていなくても、シークレットウィンドウで開いて症状が消えるなら拡張機能が原因です。シークレットでは拡張機能が既定で無効になります。

手順4:別のプロフィールで確認する

ゲストウィンドウや別のプロフィールで正常なら、今のプロフィールの設定が原因です。逆にどのプロフィールでも同じなら、OS側かフォントの構成が原因です。

person using laptop
Photo by Kaitlyn Baker on Unsplash

フォントを指定して固定する

ここが本題です。自分で指定してしまえば、以後は自動で切り替わりません。

設定画面までの道順

右上のその他アイコンから設定を開き、デザインを選びます。ここにフォントサイズのプルダウンと、フォントをカスタマイズという項目があります。

4種類すべてを指定する

標準フォント、Serifフォント、Sans Serifフォント、固定幅フォントの4つがあります。1つだけ直しても、他の種類は自動選択のままなので、また変わります。

種類使われる場面指定の目安(Windows)
標準フォント指定のないページ全般メイリオ または 游ゴシック
Serifフォント明朝体を指定したページ游明朝
Sans Serifフォントゴシック体を指定したページ標準と同じものに揃える
固定幅フォントプログラムコードの表示MS ゴシック または BIZ UDゴシック

迷ったら、標準とSans Serifを同じフォントに揃えてください。多くのサイトはゴシック体を指定しているため、この2つが表示の大半を決めます。

最小フォントサイズも確認する

同じ画面に最小フォントサイズの項目があります。ここが大きい値になっていると、サイト側が小さく指定した文字まで強制的に大きくなり、レイアウトが崩れます。

意図して大きくしているのでなければ、小さい値に戻してください。制作の現場で表示崩れの相談を受けたとき、ここが原因だったことが何度もあります。

WindowsとMacでは事情が違う

同じ症状の相談でも、環境によって起きやすさが変わります。

Macは変わりにくい

Mac版のChromeでは、標準フォントとSerifフォントに候補リストではなく単一のフォント名が割り当てられています。ヒラギノ角ゴシックとヒラギノ明朝です。

候補から選ぶ仕組みが働かないため、フォントを追加しても標準の表示は変わりません。「同じサイトなのにMacとWindowsで見え方が違う」のは、この既定値の差によるところが大きいです。

Windows側の文字サイズ設定も影響する

Windowsにはアクセシビリティのテキストサイズと、ディスプレイの拡大縮小という2つの設定があります。前者は文字だけ、後者は画面全体を拡大します。

Chromeの設定を直しても文字が大きいままなら、こちらを確認してください。ブラウザの外側の問題です。

a wooden desk topped with a computer monitor and keyboard
Photo by Nubelson Fernandes on Unsplash

制作側から見た注意点

サイトを作る側の視点も添えておきます。閲覧者の環境で表示が変わるのは、設計で防げる部分があります。

CSSでフォントを指定していないと影響を受ける

サイト側でフォントを指定していない場合、表示はブラウザの標準フォントに委ねられます。つまり閲覧者の環境次第で見え方が変わります。

意図した見た目を保ちたいなら、CSSで明示的に指定してください。Webフォントを使えば環境差をさらに抑えられます。

フォントサイズを小さくしすぎない

閲覧者が最小フォントサイズを設定していると、小さく指定した文字だけが強制的に大きくなり、その部分だけレイアウトが崩れます。本文は16ピクセル前後を基準にしておくと、こうした事故が起きにくくなります。

よくある質問(FAQ)

フォントを初期状態に戻すボタンはありますか?

ありません。設定のリセットを実行してもフォントは残ります。自分で4種類のフォントを選び直すか、新しいユーザープロフィールを作る必要があります。

標準フォントとSans Serifフォントは何が違いますか?

標準フォントはサイト側が何も指定していないときに使われます。Sans Serifフォントはサイト側がゴシック体を指定したときに使われます。多くのサイトは後者を指定しているため、実際にはSans Serifのほうが目に入る機会が多くなります。

特定のサイトだけ文字が変です

そのサイトのCSSがフォントを指定しています。閲覧側の設定では直せません。読みにくい場合はズームで調整してください。

Chromeを更新するたびに変わってしまいます

フォントを自分で指定していないためです。一度でも明示的に選べば、候補から自動で選ぶ動作は働かなくなります。4種類すべてを指定してください。

MacとWindowsで既定のフォントは違いますか?

違います。Windowsは候補リストから自動で選ぶ方式、Macはヒラギノ系が単一で指定されています。このためMacでは表示が勝手に変わる現象が起きにくくなっています。

Edgeでも同じことが起きますか?

EdgeはChromeと同じ土台で作られているため、似た症状が起こり得ます。設定画面の場所は違いますが、フォントを明示的に指定するという対処は同じです。

まとめ|一度指定すれば二度と悩まない

Chromeの文字が勝手に変わるのは、フォントを自動で選ぶ仕組みが働いているからです。パソコンにフォントが追加されるたびに結果が変わります。

対処は、設定のデザインからフォントをカスタマイズを開き、4種類すべてを自分で指定することです。これで自動選択は働かなくなり、更新のたびに直す必要もなくなります。あわせて最小フォントサイズも確認しておいてください。

参考にした一次情報

最新情報をチェックしよう!

LET’S CONTACT

お問い合わせ

デザインと発信の力で、お客様の強みや想いを形にし、
成果につながるコンテンツを制作します。
「うちの場合はどうなる?」という段階からでも、どうぞお気軽にご相談ください。