サンプル1   サンプル2   サンプル3

日本語フリーフォントを軽くしてWebフォント化して使用したサンプルページ

このページでは、見出し部分の表示に「Noto Sans CJK JP (Thin)」フォントを軽くしたサブセットフォントを、 本文部分の表示には「Noto Sans CJK JP (Black)」フォントを軽くしたサブセットフォントを利用しています。
詳しい方法は、解説記事本文をご参照下さい。

Webフォント活用関連情報

オススメCSS活用情報

便利スクリプト活用情報

その他のお役立ち情報

サブセットフォントを作れば、日本語フォントでも現実的なサイズのWebフォントファイルになる

このページでは、日本語フリーフォント「Noto Sans CJK JP」の一部文字を抜き出したサブセットフォントを使っています。 実際にページ内で使われている文字に限定した「小さなフォントファイル(=サブセットフォント)」を作ることで、文字数の多い日本語であっても「ウェブ上からダウンロードできる現実的なサイズ」でWebフォントとして利用できます。
なお、このページで読み込んでいる日本語Webフォントは、わずか38KB(見出し9KB、本文29KB)です。
詳しくは、解説記事本文をご参照下さい。


解説記事へ戻る

(Notoフォントサイト)