この日のひとつ
Google Fonts
公式サイトを見る （外部サイト）For Whom
こんな人向け
会社サイトやLPの日本語フォントを整えたいWeb担当者・デザイナー向けです。商用利用の可否と、ページへの入れ方を手早く確認したいときに役立ちます。
The Answer
結論
Google Fontsの書体はオープンソースライセンスで公開され、商用サイトにも利用できます。Noto Sans JPなら、スタイルシートを読み込みCSSで指定して導入できます。
How to Use
やり方／確認方法
例えば、会社案内の1ページだけ書体を見直す想定例です。ブラウザーで確認できるテストページを用意し、Google FontsのNoto Sans JPから案内されるスタイルシートのリンクをHTMLへ加え、CSSのfont-familyで指定します。最初は本文の標準ウェイトと見出しの太字だけを読み込み、同じ文章を適用前後で見比べます。成果物は、採用ウェイトとCSS指定をまとめた実装メモです。日本語の記号・太字・読み込み前の表示を確認し、必要なウェイトだけをリクエストしてください。これは公式手順に沿った想定例で、実機検証はしていません。
Why Today
なぜ今日はこれ？
書体を変えるとブランドの印象は整えやすくなりますが、日本語ページでは読み込みの重さや表示待ちも体験の一部です。Google FontsはCSSから必要な書体・ウェイトを指定できるので、見た目と読み込みの両方を小さな範囲で比べられます。
Cautions & FAQ
注意点・FAQ
商用利用は可能ですが、フォントデータそのもののライセンスと、Google Fonts APIのサービス利用条件は別です。配信方式を自社ホストへ変えたりフォントを改変・再配布したりする場合は、対象ファイルのライセンスとOFLの条件を確認してください。外部配信を避けたい場合は、自社配信の方法も含めて検討が必要です。
Google Fontsは会社の商用サイトでも使えますか？
はい。Google Fontsは掲載フォントをオープンソースライセンスで提供し、商用プロジェクトでも利用できると案内しています。Noto Sans JPはGoogle Fonts公式リポジトリでOFL 1.1のライセンスが確認できます。
フォントファイルをダウンロードしなくても使えますか？
はい。公式のCSS API手順ではHTMLにスタイルシートのリンクを加え、CSSでフォントを指定します。この方式では閲覧者のブラウザーがGoogle Fontsからスタイルシートとフォントを取得します。
Primary Sources
公式ソース
Recommended For
誰に持たせたい？
レイちゃん
部長 ブランドデザイン部
ブランドデザイン部のレイちゃんに、会社案内の見出しと本文で書体を比べる小さな見本を任せたいです。採用候補、使うウェイト、ブランドの印象と読みやすさを確認した結果を一枚の判断メモにして受け取りたいです。
プロフィールを見るKei's Note
ケイのひとこと
ケイ｜広報部長
Noto Sans JPのような日本語書体を、ページ全体の改修前に一画面だけで比較できるのがいいですね。Google配信のフォントを読み込む構成なので、採用時は自社サイトの外部通信・表示速度の方針にも合うか確認しておきたいです。
確かめる。
Basic Information
基本情報
- 種別
- Web Font / Design Tool
- 公式サイト
- 公式サイトを開く（外部サイト）
- 確認日
- 料金
- Google Fontsのフォントはオープンソースライセンスで公開され、フォントソフトウェアの利用・埋め込みは無償です。ホスト型APIの利用条件はGoogle Fonts APIの案内を確認してください。
- ライセンス
- Noto Sans JPはSIL Open Font License 1.1（OFL）。フォントファイルを単体で販売することはできません。
- 補足
- 公式情報に基づく想定例です。実機検証は未実施です。