Leafscape


Japanese Web Font Library

ホーム

 Webフォントとは、WWW上からフォントを呼び出し、ブラウザに表示する技術です。CSS3.0から使えるようになりました。
このwebサイトでは、再配布可能な日本語フォントをサブセット化し、webフォントとして配布しています。すべて無料でお使いいただけます。

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

Compatible for

重要:Woff2形式への対応について

 2015/10/04より、全てのwebフォントファイルを従来のWoff形式から、Woff2形式への変更を行いました。これにより、フォントファイルの容量を従来と比べ20~400KB程度削減することができますが、 現在、Internet Explorerの全バージョン、Microsoft Edge、およびSafariはこの形式に対応しておりません。
 2015/10/04以降に追加されたフォントは、Woff形式での配布を行いません。2015/10/04以前に追加されたフォントについては、従来のWoffファイル形式も配布いたしますので、webサイトのコードを変更する必要はありません。


使用方法:

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;
}