Googleフォントとは？使い方を解説！
Googleフォントの基本
Googleフォントは、Googleが提供しているWebフォントのサービスです。
1500を超える多種多様なWebフォントを提供（2024年1月現在）しており、商用利用可能。しかも無料で使えます。
日本語フォントでも本記事執筆時点では64個のWebフォントが使用できます。
今回は日本語のフォントに限定して、おすすめのGoogleフォントをご紹介します。
Googleフォントの使い方
Googleフォントへアクセスします。
まずは、Googleフォントへアクセスしましょう。
使いたいフォントを探します。
フィルター機能を利用して、探したいフォントを絞り込みましょう。もし探したいフォントが決まっていれば、検索バーから直接フォント名で探すこともできます。
使いたいフォントとウェイトを選択します。
使いたいフォントをリストから選択すると、そのフォントの詳細ページが開きます。
フォントファミリーの中にいくつかのウェイトが用意されている場合があるので、自分の使いたいウェイトを選びます。
かごアイコンから選択したフォントを確認し、コードをコピペします。
<link>もしくは<@import>の方法でHTMLの<head>タグ内にコピペします。
「CSS rules to specify families」内のコードをCSSにコピペし、適用範囲を指定します。
商用でも安心！おすすめ日本語Googleフォント20選
ゴシック体
Noto Sans Japanese
清潔感のあるシンプルなデザインで、あらゆるWebサイトに適応する汎用性の高いゴシック体フォントです。GoogleとAdobeが複数のフォントメーカーやデザイナーと「表示できない文字がない」ことを目的に共同開発したフォントになります。収録されている漢字やウェイトが豊富なうえ、質が高いため、シーンを選ばずに利用できます。
Zen Kaku Gothic New / ZEN角ゴシック New
少し小ぶりで、ゆとりのある落ち着いた印象と読みやすさを兼ね備えた新しいタイプのゴシック体です。現代的な特徴も兼ね備えており、ビジネス文書からWebコンテンツまで幅広く使えます。
Sawarabi Gothic / さわらびゴシック
親しみやすい印象を与えるゴシック体です。可読性が高く、小さな文字でも文字がつぶれにくいので本文で使用するのに役に立ちます。Webサイトやアプリケーションに明るい雰囲気を加えたい時に最適です。
Kosugi / 小杉
文字間隔が等幅であることが特徴のゴシック体で、直線的でモダンな印象を与えます。シンプルなフォルムのため、可読性も高くどこにでも扱いやすいフォントです。
M PLUS Rounded 1c
丸みを帯びたフォルムが特徴で、親しみやすい印象をWebサイトにもたらします。かわいらしさや温かみを感じるフォントなので子供向けコンテンツにもぴったりです。
Kiwi Maru / キウイ丸
手書きの温もりを感じさせるゴシック体。優しく、程よいレトロ感を醸し出しています。和風のデザインや柔らかな印象を出したい時に適しています。
Kosugi Maru / 小杉丸
Kosugiの丸みを帯びたバージョンになります。直線的ですっきりした印象が特徴でかわいらしい印象も持っています。こちらも可読性が高く小さい文字サイズでも読みやすいです。
明朝体
Noto Serif Japanese
GoogleとAdobeが開発した明朝体フォントです。可読性が高く、ウェイトも豊富にあり、本文や長文の読み物にだけでなく、見出しにも活用できます。シンプルな見た目ですが細かな部分が洗練されており、様々な場面で使えます。
Shippori Mincho / しっぽり明朝
物静かで上品な印象を持つ明朝体です。落ち着きがあり、洗練された雰囲気をもたらしたいWebページに最適です。
Zen Old Mincho / ZENオールド明朝
クラシックであり、オーソドックスなスタイルを持つ明朝体です。ウェイトの種類が多いため、本文のみならず様々な場面で使用できます。
Sawarabi Mincho / さわらび明朝
読みやすさとエレガントなスタイルを両立した明朝体です。本文用に開発されており、様々なテキストに柔らかな印象を与えます。
Hina Mincho / ひな明朝
人形をイメージして作られた明朝体です。丸みを帯びたデザインと交差している部分の墨だまりが、優雅で伝統的、繊細な品を感じさせるフォントになります。
BIZ UDPMincho / BIZ UDP明朝
可読性に加え、美しさも兼ね備えた明朝体です。文字ごとに文字幅が調整されているプロポーショナルフォントとなります。
個性的なデザイン書体
Kaisei Opti / 解星オプティ
はらいやうろこに星をイメージしたドットがついており、モダンながらも特徴的なかわいらしさのあるフォントです。
Zen Kurenaido / ZEN紅道
「手書き風味」をコンセプトに開発された流れるような曲線が特徴のフォントです。従来の楷書体に見られる筆という風貌をはぎ取り、骨格だけを残したため、ボールペンで書いたような暖かな手書きの印象を与えます。
Mochiy Pop P One / モッチーポップ
ポップで愛らしい印象のデザイン書体です。親しみやすく子供向けのコンテンツやカジュアルなメッセージにマッチします。
Dela Gothic One / デラゴシック
強い存在感と個性を放つデザイン書体です。極太のフォルムは、タイトルや見出しで目を引くアクセントをつけたい時に適しています。
DotGothic16
昔ながらのゲームやデジタルの媒体で扱われていた文字の雰囲気を表現できるフォントです。縦横16pxのドットで作成されているため、ドットフォントながらも読みやすさを兼ね備えています。
Rampart One / ランパートOne
「ロダン」というフォントをベースに立体的な表現を加えた、力強く大胆なフォントです。インパクトを求める見出しや大き目のキャッチコピーに。
Yusei Magic / 油性マジック
太目の油性マジックで書かれたようなカジュアルで読みやすいデザイン書体です。雑貨屋のポップのようなデザインにぴったりです。
まとめ
Googleフォントのおすすめフォント20選を紹介しました。
どれも品質の高いフォントで、Webページだけでなく様々な媒体に取り込むことで多種多様なデザインに活用できます。
SIL Open Font LicenseやApache License Version 2.0のもとで利用可能なフォントは、商用プロジェクトを含むあらゆる用途での使用が許可されています。無料で使用することができますので、ライセンスをしっかり確認して使ってみてくださいね。
