UPDATE:2023.12.8
- CATEGORY
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の代替えフォントとしても使えます)
(豆腐とは文字が表示できない時に代わりに表示される小さい四角(□)のことを指すとか)