WEBサイトで使いやすい汎用性の高いおすすめGoogleフォント5選

日本語フォント

Noto Sans Japanese

ゴシック体の使いやすいフォント。
どんな場面でも使いやすく読みやすいうえに、ウエイトの種類も豊富です。

Noto Serif Japanese

明朝体の使いやすいフォント。
明朝体ですが可読性が高いのでWEBでも使いやすいです。

▼詳しくはこちら

M PLUS 1、M PLUS 2

柔らかく優しい印象を与えるフォントで、
「Noto Sans Japanese」とはまた違った場面で使用できます。

ちなみにシリーズの中に「M PLUS Rounded 1c」というフォントもあります。

こちらはより可愛らしい印象のフォントですが、
小さい文字を表示させるとブラウザによってはジャギーが発生するという問題を抱えています。（16pxより発生を確認）

CSSでジャギーを発生させないようにすることも可能ですが、
どうしても「M PLUS Rounded 1c」が使いたいという場合以外は
WEBフォントでは「M PLUS 1」「M PLUS 2」を使った方が良いかもしれません。
（「M PLUS 1」も環境によっては文字がつぶれるとの情報もあります）

欧文フォント

Roboto

Googleのデザイナーが開発したフォントで、自然と見やすいと感じられるフォントです。

Montserrat

個人的に大好きなフォントです。
力強いゴシック系フォントで見やすく、そして文字の形がシンプルで使いやすいのにおしゃれな印象です。
（有料フォントであるGothamの代替えフォントとしても使えます）