UPDATE:2023.12.8
- CATEGORY
WEBサイトで使いやすい汎用性の高いおすすめGoogleフォント5選
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/webfont.png)
日本語フォント
Noto Sans Japanese
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/Noto-Sans-Japanese.jpg)
どんな場面でも使いやすく読みやすいうえに、ウエイトの種類も豊富です。
Noto Serif Japanese
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/Noto-Serif-Japanese.jpg)
明朝体ですが可読性が高いのでWEBでも使いやすいです。
M PLUS 1、M PLUS 2
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/mplus.jpg)
「Noto Sans Japanese」とはまた違った場面で使用できます。
ちなみにシリーズの中に「M PLUS Rounded 1c」というフォントもあります。
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/3bc7b915e7857bd8373a81cc2abd7a9b.jpg)
小さい文字を表示させるとブラウザによってはジャギーが発生するという問題を抱えています。(16pxより発生を確認)
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/81957f7a73d4a3c5d53f5e02ce9b6b65.jpg)
どうしても「M PLUS Rounded 1c」が使いたいという場合以外は
WEBフォントでは「M PLUS 1」「M PLUS 2」を使った方が良いかもしれません。
(「M PLUS 1」も環境によっては文字がつぶれるとの情報もあります)
欧文フォント
Roboto
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/Roboto-1.jpg)
Montserrat
![](https://apricot-design.com/wp2023/wp-content/uploads/2023/12/Montserrat-1.jpg)
力強いゴシック系フォントで見やすく、そして文字の形がシンプルで使いやすいのにおしゃれな印象です。
(有料フォントであるGothamの代替えフォントとしても使えます)
(豆腐とは文字が表示できない時に代わりに表示される小さい四角(□)のことを指すとか)