カエルの人 logo
  • About 
  • Works 
  • Blog 
  • Tags 
  • Privacy 
  • Contact 

  •  Language   
    • 日本語
    • English
  •    テーマ切り替え
    •   ライト
    •   ダーク
    •   自動
  •  
    •   ライト
    •   ダーク
    •   自動
  1. ホーム
  2. ブログ
  3. Chrome のフォントを美しい Noto Sans にする方法

Chrome のフォントを美しい Noto Sans にする方法

投稿: 2022年5月30日  (最終更新: 2023年12月9日) • 4 分 で読了 • 1,614 語
Chrome
 
フォント
 
Chrome
 
フォント
 
共有:
カエルの人
リンク をクリップボードにコピーしました

目次
 

  • 綺麗なフォント
  • Noto Sans のダウンロードとインストール
  • Chrome で設定を行う
  • 更に強力にやりたいなら

Chrome のフォントを美しい Noto Sans にする方法
Photo by Alexander Andrews  on Unsplash 

デフォルトでは、 Windows 版の Chrome のフォントはメイリオになっており、大半のサイトはメイリオで表示されます。

しかし、このメイリオ。正直に言ってあまり美しくないと思いませんか? Mac のように綺麗なフォントを使いたいという方もいるでしょう。この記事では、Chrome で表示されるフォントを Mac 並みに美しい Noto Sans に変更する手順を解説します。

綺麗なフォント  

一口に綺麗なフォントと言っても色々あります。

その中でも、今回は Google と Adobe が共同開発している、Noto Sans を使用します。

この Noto Sans は非常に高品質なのにもかかわらず、商用・非商用問わずに無料で使えてしまうという優れものです。

今回は、この Noto Sans のダウンロード及びインストール、そして Chrome のデフォルトフォントに設定するところまでを解説します。

Noto Sans のダウンロードとインストール  

まずは、配布ページにアクセスします。

Noto Sans Japanese - Google Fonts

アクセスしたら、右上の「Download family」をクリックすると、ダウンロードが始まります。

Noto Sans の配付ページ

ダウンロードが終わったらダウンロードフォルダを開き、ダウンロードしたファイルをクリックして、「すべて展開」をクリックします。

ダウンロードした zip ファイルの展開

ウインドウが開いたら、特に設定は変更せずに、右下の「展開」をクリックします。

展開が完了したら、展開後のフォルダを開きます。

このように、いくつかのファイルが出てきたら完了です。

Noto Sans のフォルダーの中身

次に、これらのフォントをパソコンにインストールしていきます。

これにより、パソコン上のソフトウェアから Noto Sans を使用できるようになります。

まずは、設定を開き、「個人用設定」→「フォント」と進みます。

このような画面が現れればOKです。(Windows 10 の場合は画面が違います。)

Windows の設定のフォント一覧画面

「ドラッグアンドドロップしてインストールします」と書かれている部分に、先程展開したフォルダ内にあるファイルをまとめてドラッグアンドドロップします。

ドラッグアンドドロップとは、マウスのクリックボタンを離さずにカーソルだけを動かし、目標とする地点(ここでは、設定画面の「ドラックアンドドロップしてインストールします」と書かれている部分)でクリックボタンを離す操作のことです。

カーソル付近に「コピー」と表示されたら、そこでマウスのクリックボタンを離します。

ドラッグアンドドロップでフォントをインストール

ドラッグアンドドロップが成功すれば、フォントのインストールが始まります。

Chrome で設定を行う  

しばらく待ってインストールが完了したら、Chrome を開き直し、右上の3点ドット→「設定」→「デザイン」→「フォントをカスタマイズ」と進みます。

設定画面が開けたら、下の画像を参考にしてフォントを設定してください。

Chrome のフォント設定画面

Sans Serif とはゴシック体、Serif とは明朝体を表しています。

標準フォントとSans Serifフォントは「Noto Sans JP」にし、Serif フォントは「BIZ UDP Mincho」にします。

Noto Sans JP は先程インストールしたフォントで、BIZ UDP Mincho は Windows にもともと搭載されているユニバーサルデザインの明朝体です。

等幅フォントは初期設定でもいいですが、Noto Sans JP にしても良いと思います。

ちなみに私は、等幅フォントにはプログラミング用フォントの「白源」を指定しています。

美しく文字の識別がしやすいので、プログラミングをしているという方はぜひ入れてみてください。

個人的には全角スペースと半角スペースの区別が付きやすいのが便利に感じています。

話がそれましたが、一通り設定が終われば、Chrome で見るサイトの大半のフォントが美しい Noto Sans に入れ替わります。

更に強力にやりたいなら  

上記の方法では、一部サイトでは依然として見づらいフォントが表示されてしまいます。

それを回避するために、「やっぱり Noto Sans」という拡張機能を入れることをおすすめします。

この拡張機能に関しては以前の記事でも取り上げているのでぜひご覧ください。

汚いフォントに別れを告げられる拡張機能を作った

ここまで読んでいただきありがとうございました!

 留学体験記を聞いて
フォントのサブセット化で入れておきたい文字【常用漢字・JIS第1水準だけじゃダメ】 

関連記事

フォントのサブセット化で入れておきたい文字【常用漢字・JIS第1水準だけじゃダメ】

2022年5月22日 • 1 分 で読了

フォントのサブセット化で入れておきたい文字【常用漢字・JIS第1水準だけじゃダメ】

以前、Web サイト上の見づらいフォントを置き換える拡張機能を作ったときに Noto Sans をサブセット化したのですが、そのときに収録した文字の一覧を紹介し...

汚いフォントに別れを告げられる拡張機能を作った

2022年5月21日 • 4 分 で読了

汚いフォントに別れを告げられる拡張機能を作った

ブラウジングをしていると、文字がギザギザのページに遭遇することはありませんか?そんな悩みを解決する拡張機能を開発したので、今回はそのご紹介で...

1年間いろんなブラウザを試した結果、結局Chromeに戻った話

2022年1月14日 • 4 分 で読了

1年間いろんなブラウザを試した結果、結局Chromeに戻った話

今では様々なことがブラウザ上で完結するようになり、「PC で最も長い時間使っているソフトはブラウザ」という方もかなり多いのではないでしょうか。...

MS ゴシックと Noto Sans を比較してみる(読者アンケート付き)

2021年11月20日 • 2 分 で読了

MS ゴシックと Noto Sans を比較してみる(読者アンケート付き)

前回の記事で、「MS ゴシック」に対する私の意見を書かせていただきました。今回は実際にフォントを比較し、読者の皆様にも意見をお聞きしたいと思い...

MS ゴシックを使わないで(切実)

2021年11月16日 • 3 分 で読了

MS ゴシックを使わないで(切実)

私からのお願いです。「MS ゴシックを使わないでください。頭痛がします。」 「頭痛がする」というのは大袈裟ですが… それに、この記事...

Google ドライブの動画が再生できないときの対処法

2021年9月9日 • 4 分 で読了

Google ドライブの動画が再生できないときの対処法

原因は、Chrome のアレ

目次
  • 綺麗なフォント
  • Noto Sans のダウンロードとインストール
  • Chrome で設定を行う
  • 更に強力にやりたいなら
Copyright © 2024 カエルの人 All rights reserved. Powered by Hinode  .
カエルの人
コード をクリップボードにコピーしました