Leafscape


Japanese Webfont Library

ホーム

 Webフォントとは、WWW上からフォントを呼び出し、ブラウザに表示する技術です。CSS3.0から使えるようになりました。

このwebサイトでは、再配布可能な日本語フォントをサブセット化し、webフォントとして配布しています。すべて無料でお使いいただけます。

 欧文フォントに比べ、文字の多い和文フォントはデータサイズが大きくなりがちです。できるだけ軽くなるよう調整していますが、日本語webフォントの導入はwebサイトを重くする可能性があります。

Compatible for

お知らせ

使用方法:

1. @font-face 要素を使ってフォントの定義を行います。
@font-face {
font-family: Mona;
src: url('https://cdn.leafscape.be/monafont/mona_web.woff2')
     format("woff2");
}
		
2. font-family プロパティを指定することで利用できます。
<h1 style="font-family: Mona;">SAMPLE TEXT</h1>
3. html ファイルの head 要素内に記述する場合は要素部分に指定します。
h1 {
	font-family: Mona;
}