Noto Sans CJK（源ノ角ゴシック）とは？商用OKの無料日本語フォント徹底解説

日本語が使えて、商用利用も完全に無料で、しかもデザインが美しい。そんな都合のいい高品質フォントは本当にあるのか――Web制作で日本語フォントを探したことがある人なら、一度はこの壁にぶつかったはずです。和文フォントは欧文に比べて文字数が桁違いに多く、まともなものは有料が当たり前。無料で配られているものは商用NGだったり、ウェイト（太さ）が1〜2種類しかなかったりと、痒いところに手が届かないものが大半でした。

そんな状況を一変させたのが、GoogleとAdobeが共同開発した日本語・中国語・韓国語対応のオープンソースフォント「Noto Sans CJK」（Adobe版の名称は「Source Han Sans／源ノ角ゴシック」）です。発表は2014年ですが、その後も改良が続き、Google Fonts経由でWebフォントとしても簡単に使える定番フォントとして、2026年現在も第一線で活躍しています。私自身、案件でも自分のサイトでも長くお世話になっているフォントです。

この記事では、Noto Sans CJKがどんなフォントなのか、ライセンスの注意点、そして実際にWebサイトへ組み込むCSSの書き方まで、運営者目線でまとめておきます。

関連記事：商用利用OK・漢字対応の日本語フリーフォントおすすめまとめ

Noto Sans CJK（Source Han Sans／源ノ角ゴシック）とは

Noto Sans CJKは、検索エンジンの巨人Googleと、フォントの老舗Adobeがタッグを組んで生み出したゴシック体（サンセリフ）のフォントファミリーです。GoogleがフォントプロジェクトとしてリリースしているNotoシリーズのうち、CJK（Chinese＝中国語、Japanese＝日本語、Korean＝韓国語）に対応した版がこのNoto Sans CJKにあたります。

同じフォントをAdobe側では「Source Han Sans」、日本語名で「源ノ角ゴシック」と呼んでいます。名前が違うだけで中身は同一のフォントなので、どちらを入手しても結果は同じです。「Noto」という名前は、文字が表示できないときに出る□（通称「豆腐／tofu」）をなくす、つまり「No more tofu」に由来していると言われています。世界中のあらゆる言語を1つの統一されたデザインでカバーしよう、という壮大なプロジェクトの一環なんですね。

Googleの公式ブログでは、このフォントについて「クセがなく大きさが揃ったひらがな・カタカナは、ラップトップ、スマートフォン、タブレットなどの様々なデバイスのユーザーインターフェースとしても使いやすく、また伝統的な文字の優美さを受け継いだ形はウェブコンテンツや電子書籍などの長文を読むのにも適している」と説明されています。実際に使ってみると、画面でも紙でも素直に読める、まさに「主役を張れる」バランスの取れた書体だと感じます。

多言語対応も大きな魅力です。日本語・簡体字中国語・繁体字中国語（台湾／香港）・韓国語が、それぞれの地域の字形ルールに沿いつつ統一されたデザインで揃っています。多言語サイトを作るときに、言語ごとにバラバラなフォントを継ぎ接ぎせず、見た目のトーンを保てるのは制作側として本当にありがたいポイントです。

出典：Google Developer BlogNoto フォントファミリーに日本語、中国語、韓国語が追加

7種類のウェイトと、進化した可変フォント版

無料フォントでありながら、Noto Sans CJKにはExtraLight・Light・Regular・Medium・Bold・Black など7種類ものウェイト（太さ）が用意されているのが個人的に一番うれしいところです。無料でこれだけ太さのバリエーションを選べる日本語フォントは、登場当時はほとんどありませんでした。細いウェイトは繊細な見出しや余白を活かしたデザインに、太いウェイトは力強いキャッチコピーにと、1つのフォントだけでサイト全体のメリハリを作れます。

さらにバージョンアップを重ねる中で、近年は可変フォント（バリアブルフォント）版も提供されるようになりました。可変フォントとは、1つのファイルの中に太さなどの変化を連続的に詰め込んだ仕組みのフォントです。従来は「Light用のファイル」「Bold用のファイル」と個別に読み込む必要がありましたが、可変フォントならたった1ファイルで100〜900まで好きな太さを自由に指定できるため、Webで使うときの読み込み効率がぐっと良くなります。後述するGoogle Fonts版のNoto Sansも、この可変フォントとして配信されています。

開発も止まっていません。最新版（v2.005、2025年6月リリース）ではLatin部分のグリフ刷新や多数の文字追加・調整が行われており、登場から10年以上を経た今も現役でメンテナンスが続く、信頼できるフォントです。

ちなみに、後発の明朝体版として「Noto Serif CJK（Source Han Serif／源ノ明朝）」も2017年にリリースされています。ゴシックと明朝が同じ設計思想で揃うので、本文は明朝・見出しはゴシックといった使い分けも統一感を保ったまま実現できます。

出典：Adobe Blog「源ノ明朝」が大幅アップデート。香港グリフの対応と、バリアブルフォントとしても提供開始。

ライセンスは商用OK。入手先とダウンロード方法

気になるライセンスですが、ここがNoto Sans CJK最大の安心ポイントです。現在はSIL Open Font License 1.1（OFL）で配布されており、商用・非商用を問わず無料で利用でき、Webフォントとしての埋め込みも認められています。登場当初はApache License 2.0でしたが、その後フォント用途に適したOFLへ移行しました。クライアントワークでも「このフォント、商用で使って大丈夫ですか？」と聞かれて胸を張って答えられるのは大きいです。

フォントファイル本体のダウンロードは、以下の公式ソースから行えます。OS（WindowsやMac）にインストールして、デザインカンプ作成や画像書き出しに使うならこちらです。

GitHub（Adobe公式）：adobe-fonts/source-han-sans
GitHub（Noto公式）：notofonts/noto-cjk
Google Fonts：Noto Sans Japanese

登場当時の配布ページだったgoogle.com/get/noto は、現在はGitHubのnotofontsリポジトリやGoogle Fontsへ案内が集約されています。迷ったら上記のいずれかを使えば確実です。

Webサイトに組み込むCSSの書き方

Webサイトの本文フォントとして使うなら、Google Fonts経由で読み込むのが一番手軽です。日本語版はNoto Sans JPという名前で提供されています。まずHTMLの<head>内に、次のように読み込みタグを記述します。先頭のpreconnectは表示を速くするためのおまじないのようなものなので、セットで入れておくのがおすすめです。

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">

上のwght@100..900という指定が、可変フォントならではの書き方です。これで100〜900のすべての太さが1回の読み込みで使えるようになります。あとはCSS側でfont-familyに指定し、必要に応じてfont-weightで太さを切り替えるだけです。

body {
  font-family: "Noto Sans JP", sans-serif;
}

h1 {
  font-weight: 700; /* 見出しは太めに */
}

.lead {
  font-weight: 300; /* リードは細く繊細に */
}

末尾にsans-serifを添えておくと、万一フォントが読み込めなかったときも環境標準のゴシック体で代替表示されます。明朝体版を使いたい場合は、同じ要領でfamily=Noto+Serif+JPを指定し、font-familyに"Noto Serif JP", serifと書けばOKです。

なお、CJKフォントは文字数が膨大なぶんファイルサイズが大きくなりがちです。サイトの表示速度を気にするなら、使う太さを絞る、フォントの先読みを工夫するなど、読み込みの最適化もあわせて検討すると安心です。

出典：Google FontsNoto Sans Japanese

まとめ：日本語の無料フォント選びで迷ったら、まずこれ

長く使ってきた立場から要点を整理すると、Noto Sans CJK（源ノ角ゴシック）は次の点で頭ひとつ抜けています。

SIL Open Font Licenseで商用利用も完全無料。Webフォント埋め込みもOKで、クライアントワークでも安心して提案できる。
ExtraLightからBlackまで7ウェイトを無料で網羅。これ1つでサイト全体のメリハリが作れる。
日本語・中国語・韓国語が統一デザインで揃い、多言語サイトでも見た目が破綻しない。
可変フォント版とGoogle Fonts（Noto Sans JP）対応で、WebへもCSS数行で組み込める。
明朝体のNoto Serif CJK（源ノ明朝）とペアで使える。

2014年の登場以来、地道なアップデートを重ねて2026年の今も現役。「日本語の無料・高品質フォントで迷ったら、まずNoto Sans JPを試す」というのが、私の中での鉄板の答えになっています。商用案件でも個人ブログでも、最初の一手として強くおすすめできるフォントです。まだ使ったことがなければ、ぜひGoogle Fontsから気軽に試してみてください。