【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法!

Google Chromeのフォントが見にくい・変更したいと思うこともあります。Google Chromeのフォントは強制的に変更することができます。この記事ではGoogle Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法をご紹介します。

【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法!のイメージ

目次

  1. 1Google Chromeで見づらいフォントが表示される原因
  2. サイト制作者がCSSでフォント指定をしている
  3. Google Chromeのアップデート
  4. 2【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~拡張機能~
  5. メイリオ大好き
  6. 部分強制メイリオちゃん
  7. 3【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~ブックマークレット~
  8. フォント変更の手順
  9. 4【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~ショートカット~
  10. 変更手順
  11. 5【Chrome】標準機能を使ったフォントの変更方法
  12. 変更手順
  13. CSSでフォント指定されている場合は反映されない
  14. 6【Chrome】フォント関連の便利な拡張機能
  15. 老眼対策
  16. Advanced Font Settings
  17. 7Firefoxのフォントを強制的に游ゴシックからメイリオに変更する方法
  18. 変更手順
  19. 8Google Chromeでフォントを強制的に変更する際の注意点
  20. レイアウトが崩れる可能性がある
  21. おわりに
  22. 合わせて読みたい!Google Chromeに関する記事一覧

Google Chromeで見づらいフォントが表示される原因

Google Chromeは、日本だけでなく世界中で人気のブラウザなので、Google Chromeをブラウザとして使われている人は多いと思います。ところがいつも見慣れているはずのGoogle Chromeのフォントが見づらい表示になっているといった経験はありませんか?

そこでこの記事ではGoogle Chromeのフォントが見づらくなってしまったので、いつもの見慣れたフォントに変更したいという場合や、自分の見やすいフォントに変更したい場合にGoogle Chromeのフォントを強制的に変更する方法をご紹介したいと思います。

そもそもGoogle Chromeのフォントはなぜ見づらい表示になってしまうのでしょうか?まずはじめにGoogle Chromeで見づらいフォントが表示されてしまう原因を考えてみましょう。

サイト制作者がCSSでフォント指定をしている

Google Chromeで見づらいフォントが表示される原因1つ目は、サイト制作者がCSSでフォント指定をしていることが考えられます。

サイト制作者がCSSでフォントを指定している場合は、Chromeの標準機能では別のフォントに置き換えることは出来ませんが、Chromeの「拡張機能」を使うことによって、強制的にメイリオに変更することができます。

Google Chromeのアップデート

Google Chromeで見づらいフォントが表示される原因の2つ目は、Google Chromeのアップデートです。Google Chromeは、アップデートの際に表示されるフォントの変更を行うことがあります。

普段見慣れていたフォントがGoogle Chromeがアップデートされたことでフォントが変更されて見にくくなってしまったということが考えられます。突然フォントが変更されて違和感を感じてしまうという人も少なくないと思います。

Thumb【Evernote】Google Chrome拡張機能のウェブアプリを紹介!
Google Chrome拡張機能のウェブアプリであるEvernote。今回はEvernot...

【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~拡張機能~

Google Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法はいくつかあります。Google Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法として1つ目は、拡張機能をつかって変更する方法をご紹介します。

CSSでフォント指定をしている場合もChromeの「拡張機能」を使うことで強制的にメイリオに変更することができます。

メイリオ大好き

Chromeの拡張機能「メイリオ大好き」

Chromeの「拡張機能」を使ってGoogle Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法の1つ目は、「メイリオ大好き」です。「メイリオ大好き」は下記リンクからChromeの「拡張機能」に追加することができます。

メイリオ大好き
メイリオ大好き Chromeに追加をクリックします

上記リンクをクリックするとChromeウェブストアの「メイリオ大好き」が開くので「Chromeに追加」をクリックします。

メイリオ大好き 拡張機能を追加をクリックします

「メイリオ大好き」を追加しますか?と表示されるので、「拡張機能を追加」をクリックします。

メイリオ大好きがChromeに追加できました

これで「メイリオ大好き」が追加できました。既に游ゴシックで表示されているページを開いている場合は、画面左上の更新ボタンをクリックします。

すると、この「メイリオ大好き」を拡張機能を追加した後で開いたページは、游ゴシックがすべてメイリオに変更されています。

部分強制メイリオちゃん

Chrome拡張機能の部分強制メイリオちゃん

Chromeの「拡張機能」を使ってGoogle Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法の2つ目は、「部分強制メイリオちゃん」です。「部分強制メイリオちゃん」は下記リンクから「拡張機能」に追加することができます。

部分強制メイリオちゃん
部分強制メイリオちゃん Chromeに追加をクリックします

上記リンクをクリックしてChromeウェブストアの「部分強制メイリオちゃん」が開いたらの「Chromeに追加」をクリックします。

部分強制メイリオちゃん 拡張機能を追加をクリックします

「部分強制メイリオちゃん」を追加しますか?と聞かれるので「拡張機能を追加」をクリックします。

部分強制メイリオちゃんがChromeに追加できました

「部分強制メイリオちゃん」がChromeに追加できました。既に游ゴシックで表示されているページを開いている場合は、画面左上の更新ボタンをクリックします。

すると「部分強制メイリオちゃん」を拡張機能を追加した後で開いたページは、游ゴシックがすべてメイリオに変更されます。

ThumbGoogle Chromeにブックマークフォルダを作成する方法!
Google Chromeでは、サイトをブックマークとして登録が可能で、そのブックマークを整...

【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~ブックマークレット~

Google Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法の2つ目は、「ブックマークレット」です。

これまでご紹介した拡張機能によってフォントを変更した場合は、全てのページのフォントがメイリオに変更されてしまいますが、「ブックマークレット」は特定のページだけ「メイリオ」に変更したい場合などに便利です。

フォント変更の手順

「ブックマークレット」でGoogle Chromeのフォントを強制的に游ゴシックからメイリオに変更する手順をご紹介します。

ソースコードを用意する

「ブックマークレット」でページのフォントをメイリオにするためには、お気に入り(ブックマーク)に登録するURLを削除して下記のソースコードを入力する必要があります。
 

ブックマークレットのソースコード
javascript:(function(){document.head.innerHTML+="<style>body,h1,h2,h5,h3,h4,p,div,span{font-family: 'メイリオ' !important;}</style>";})()

この後ご紹介する手順で「ブックマークレット」のソースコードの入力画面がありますが、「ブックマークレット」のソースコードは、入力画面でもう一度記載しますのでここでコピーしなくても大丈夫です。

ブックマークバーを表示

先ずはじめにブックマークバーを表示します。URLの下にお気に入りが登録されているバーがあります。そのスペースがブックマークバーです。ブックマークバーを表示する手順をご紹介します。

ブックマークバーが表示されていません

上の画像のようにブックマークバーが表示されていない場合はブックマークバーを表示しましょう。ブックマークバーが表示されている人はこの項目はとばして、次の見出し「ページをブックマークに登録」へ進んでください。

ブックマークバーを表示 画面右上の「︙」を選択します

ブックマークバーを表示するには、Google Chromeの画面右上にある「︙」を選択します。

メニューからブックマークをポイントします

表示されたメニューの一覧にある「ブックマーク」をマウスでポイントします。

ブックマークバーを表示にチェックを入れます

「ブックマーク」をポイントするとさらにメニューが表示されるので「ブックマークバーを表示」をクリックしてチェックを入れます。

ブックマークバーを表示することができました

これでブックマークバーを表示することができました。

ページをブックマークに登録

ブックマークバーが表示できたらページをブックマークに登録します。どこのページでもよいのでChromeのブックマークバーに登録しましょう。

ページをブックマークに登録 ①をクリックしたまま②のブックマークバー迄ドラッグします

ページをブックマークに登録するには、表示されているページのURLの左横にある①のアイコンをクリックしたまま②のブックマークバーまでドラッグします。

登録したブックマーク上で右クリック

登録したブックマーク上で右クリック

ブックマークバーにページが登録できたら、登録したブックマークの上で右クリックします。

「編集」を選択

「編集」を選択します

表示された一覧から「編集」をクリックして選択します。

分かりやすい名称に変更

分かりやすい名称に変更します

ブックマークの編集画面が開きます。名前を分かりやすい名称に変更します。ここでは名前を「メイリオ」に変更します。

「URL」部分を削除する

「URL」部分を削除します

名前を分かりやすい名前に変更できたら「URL」部分を削除します。ここで先ほどの「ブックマークレット」のソースコードが必要になります。

ソースコードを貼り付ける

ソースコードを貼り付けます

URLを削除したら「ブックマークレット」のソースコードを貼り付けます。
 

ブックマークレットのソースコード(コピーして貼り付けてください)
javascript:(function(){document.head.innerHTML+="<style>body,h1,h2,h5,h3,h4,p,div,span{font-family: 'メイリオ' !important;}</style>";})()

「保存」を選択

「保存」をクリックして選択します

名前の変更と「ブックマークレット」のソースコードを貼り付けることができたら「保存」をクリックして選択します。

フォント変更したいページ上で用意したブックマークをクリック

フォント変更したいページ上で用意したブックマークをクリックします

フォント変更したいページ上で用意したブックマークをクリックします。

メイリオに変更できました

メイリオに変更することができました。もともと見にくいページではありませんでしたが、メイリオに変更したことで文字がさらにハッキリしてとても見やすくなりました。以上が「ブックマークレット」でフォントを変更する手順です。

「ブックマークレット」は、すべてのフォントを変更することはできませんが、自分がメイリオに変更したいページで簡単に操作することができるのでとても便利です。

Thumb【chrome://】Chromeの詳細設定一覧!隠し機能も解説!
Chromeの詳細設定を知っていると、さらに便利にChromeを使うことができます。あわせて...

【Chrome】フォントを強制的に游ゴシックからメイリオに変更する方法~ショートカット~

Google Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法の3つ目は、ショートカットです。Chromeのショートカットを作成してフォントを変更することができます。

変更手順

Chromeのショートカットからフォントを強制的に游ゴシックからメイリオに変更する手順は以下のとおりです。

「Google Chrome」を終了させる

はじめに「Google Chrome」を終了させます。

ショートカット上で右クリックを押し「プロパティ」を開く

ショートカット上で右クリックします

Google Chromeのショートカットアイコンの上で右クリックします。

プロパティをクリックして選択します

メニュー一覧の一番下にある「プロパティ」をクリックして選択します。

「リンク先」を編集する

リンク先を編集します

Google Chromeのプロパティが開いたら「リンク先」を以下のとおりに変更します。
 

Google Chromeのプロパティ
リンク先・変更前
"C:\Program Files\Google\Chrome\Application\chrome.exe"
リンク先・変更後 変更前のリンクの後ろに下記リンクをコピーして貼り付けます。
 --disable-directwrite-for-ui(--の前に半角スペースがあります。)

リンク先に、リンク先変更前のリンクの後ろに変更後のリンクをコピーして貼り付けます。リンク先の貼り付けができたら保存します。これでChromeをショートカットから起動するとフォントが変更されています。

ThumbChromeのフォントが汚い?フォントを変更して表示文字をきれいにする方法
Chromeのフォントが急に汚くなることがありますが、Chromeアップデートでデフォルト文...

【Chrome】標準機能を使ったフォントの変更方法

Google Chromeのフォントを強制的に游ゴシックからメイリオに変更する方法の4つ目は、Chromeの標準機能を使う方法です。Chromeの設定からフォントやフォントサイズを簡単に変更することができます。

変更手順

Chromeの標準機能を使ったフォントの変更手順をご紹介します。

Google Chromeを開く

Chromeの標準機能を使ったフォントの変更手順の1つ目は、Google Chromeを開きます。

画面右上の「︙」を選択

画面右上の「︙」を選択します

Chromeの標準機能を使ったフォントの変更手順の2つ目は、Google Chromeが開いたら、画面右上の「︙」のメニューをクリックします。

「設定」を開く

「設定」をクリックして開きます

Chromeの標準機能を使ったフォントの変更手順の3つ目は、表示されたメニュー一覧から「設定」をクリックして開きます。

「デザイン」項目内の「フォントをカスタマイズ」を選択

一覧から「デザイン」をクリックします

Chromeの標準機能を使ったフォントの変更手順の4つ目は、「デザイン」項目内の「フォントをカスタマイズ」を選択です。設定画面の一覧から「デザイン」をクリックします。

「デザイン」項目内の「フォントをカスタマイズ」をクリックして選択します

「デザイン」項目内の「フォントをカスタマイズ」をクリックして選択します。

任意のフォントを選択

下向き三角アイコンをクリックします

Chromeの標準機能を使ったフォントの変更手順の5つ目は、任意のフォントを選択します。フォントの設定画面が開いたら、下向き三角アイコンをクリックします。

一覧から任意のフォントを選択します

プルダウンメニューにたくさんのフォントが表示されます。一覧から自分の好きな任意のフォントを選択します。以上がChromeの標準機能を使ったフォントの変更手順です。

フォントの設定画面では、フォントの設定以外にもフォントサイズや最小フォントサイズなどを設定することもできるのであなたの使いやすいように設定してみてはいかがでしょうか?

CSSでフォント指定されている場合は反映されない

Chromeの標準機能を使ったフォントの変更方法をご紹介しましたが、Chromeの標準機能を使った方法ではCSSなどでフォントを指定されている場合は反映されないので覚えておいてください。

CSSでフォント指定されている場合は、Chromeの「拡張機能」を使うことによって、強制的にメイリオに変更することができます。

ThumbChrome拡張機能おすすめ62選!便利なアドオン(拡張機能)を厳選
MacユーザーもWindowsユーザーの方も利用者が多いGoogle Chrome。Chro...

【Chrome】フォント関連の便利な拡張機能

拡張機能を使って「Chrome」のフォントを強制的に游ゴシックからメイリオに変更する方法として「メイリオ大好き」と「部分強制メイリオちゃん」をご紹介しましたが、他にもChromeフォント関連の便利な拡張機能があるのでご紹介します。

老眼対策

Chromeウェブストア 老眼対策

Chromeフォント関連の便利な拡張機能の1つ目にご紹介するのは、「老眼対策」です。老眼は遠くの文字などは見えますが、近くの文字が読みにくくなるといった症状です。老眼になる人、ならない人。老眼になる年齢も40歳前後からと個人差があります。

Chromeウェブストアの老眼対策 Chromeに追加をクリックします

最近ではスマホやパソコンを使うことが増えたため若い人でも老眼になるということもあるようです。「老眼対策」は下記リンクをクリックしてChromeウェブストアの「老眼対策」にアクセスして、「Chromeに追加」をクリックします。

老眼対策
拡張機能を追加をクリックして選択します

「老眼対策」を追加しますか?と確認されるので「拡張機能に追加」をクリックします。すると「老眼対策」がChromeに追加されましたと表示されます。既に開いているページがある場合は、ページを更新すると「老眼対策」が適用されます。

老眼対策で文字がハッキリしました

「老眼対策」で文字が太くなりハッキリしました。このように「老眼対策」は、フォントを太字にして、大きくすることができます。

老眼以外にも目が疲れてパソコンの文字が見えにくいと感じることがあります。そんなときは「老眼対策」という名前に抵抗がなければ「老眼対策」を使ってみると良いかもしれません。文字が太くて大きいのでハッキリしてとても見やすくなります。

Advanced Font Settings

Chromeウェブストア Advanced Font Settings

Chromeフォント関連の便利な拡張機能の2つ目は、「Advanced Font Settings」です。「Advanced Font Settings」は、フォントの詳細設定をすることができます。

「Advanced Font Settings」は、下記のリンクをクリックしてChromeウェブストアの「Advanced Font Settings」にアクセスします。

fonts Advanced Font Settings
Advanced Font Settings Chromeに追加をクリックします

「Chromeに追加」をクリックすると、「Advanced Font Settings」を追加しますか?と確認されるので「拡張機能を追加」をクリックします。

フォントの詳細設定をすることができます

「Advanced Font Settings」は、英語表記ですが、フォントの詳細設定をすることができます。

Thumb【Windows】Mozilla Firefoxの使い方の基本と設定方法まとめ
Mozilla Firefoxは世界で最も利用されているWebブラウザの一つです。豊富なアド...

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する方法

Firefox

Firefoxも、とても利用者の多いブラウザとして有名です。このFirefoxのフォントも変更することができます。Firefoxのフォントを強制的に游ゴシックからメイリオに変更する方法をご紹介します。

変更手順

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順は以下のとおりです。

Firefoxを開く

Firefoxを開きます

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順1つ目は、Firefoxを開きます。

Firefox をダウンロード — 無料ウェブブラウザー — Mozilla

メニューボタンをクリック

メニューボタンをクリック

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順2つ目は、メニューボタンをクリックします。Firefoxの画面右上の三の形のメニューボタンをクリックします。

「オプション」を選択

「オプション」を選択します

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順3つ目は、「オプション」を選択します。Firefoxのメニュー一覧から「オプション」をクリックして選択します。

「コンテンツ」を選択

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順4つ目は、「コンテンツ」を選択します。このオプション画面の左側に「コンテンツ」が表示される人は「コンテンツ」をクリックします。

「フォントと配色」で「メイリオ」を選択

「フォントと配色」で「メイリオ」を選択します

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順5つ目は、「フォントと配色」で「メイリオ」を選択します。「コンテンツ」をクリックした人は「コンテンツ」一覧に「フォントと配色」があります。

「コンテンツ」が無かった人は少し下にスクロールすると「言語と外観」に「フォントと配色」があります。Firefoxの「既定のフォント」右側の下向き三角をクリックして、一覧からメイリオを選択します。

「詳細設定」を選択

「詳細設定」をクリックします

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順6つ目は、「詳細設定」を選択します。既定のフォント・サイズの右側にある「詳細設定」をクリックします。

他のフォントの項目で「メイリオ」を指定

他のフォントの項目の右側の下向き三角をクリックします

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順7つ目は、他のフォントの項目で「メイリオ」を指定します。他のフォントの項目の右側にある下向き三角をクリックします。

他のフォントの項目で「メイリオ」を指定します

他のフォントの項目で「メイリオ」を選択して指定します。

「Webページが指定したフォントを優先する」のチェックを外す

「Webページが指定したフォントを優先する」のチェックを外して「OK」をクリックします

Firefoxのフォントを強制的に游ゴシックからメイリオに変更する手順8つ目は、「Webページが指定したフォントを優先する」のチェックを外します

「Webページが指定したフォントを優先する」の左側のチェックボックスのチェックを外して「OK」をクリックします。これでFirefoxのフォントを強制的に游ゴシックからメイリオに変更することができます。

ThumbGoogle Chromeでブックマークを左側に固定表示する方法
Google Chromeでブックマークを表示させようと思って、面倒だと思ったことはありませ...

Google Chromeでフォントを強制的に変更する際の注意点

最後にGoogle Chromeでフォントを強制的に変更する際の注意点を確認しておきましょう。

レイアウトが崩れる可能性がある

Google Chromeでフォントを強制的に変更する際の注意点は、レイアウトが崩れる可能性があるということです。

それぞれのサイトではサイトごとにフォントなども考えて全体のデザインが設定されています。フォントが変更されるとサイト側が想定したとおりに表示がされなくなることがあります。

大きくレイアウトが崩れてしまうということはないとは思いますが、フォントが変更されたことで文字サイズが変わって、はみ出したり文字が部分的に隠れてしまったりする可能性があります。

おわりに

「Chrome」でフォントを強制的に游ゴシックからメイリオに変更する方法をご紹介しました。文字が見にくいと、とてもストレスを感じてしまいます。でも、ただ文字が大きければ良いというわけではありませんね。

見やすくて読みやすいフォントだと、とても気分が良いと思います。ここでご紹介した方法は特に難しい設定はないので、あなたもいろいろと試してみて下さい。最後までお読みいただき、有難うございました。

合わせて読みたい!Google Chromeに関する記事一覧

ThumbWeb版「Google Earth」がChrome以外のブラウザで利用可能に!
Googleがサービス提供を行っているWeb版「Google Earth」がChrome以外...
Thumb【Google Chrome】高速化の拡張/設定方法をくわしく解説!
Google Chrome/クロムが最近動きが遅いという人に向けて高速化の拡張/設定方法を中...
Thumb【GoogleChrome拡張アプリ】「Vimium」の使い方をくわしく解説!
皆さんはVimiumをご存知でしょうか?VimiumはGoogleの拡張アプリの一つです。ど...
ThumbGoogle Chromeで「ホストを解決しています」と表示され繋がらないときの解決法!
Google Chromeで「ホストを解決しています」と表示されたことはありませんか?機械の...

関連するまとめ

Original
この記事のライター
barb
宜しくお願い致します。