ホーム
Webフォントとは、WWW上からフォントを呼び出し、ブラウザに表示する技術です。CSS3.0から使えるようになりました。
このwebサイトでは、再配布可能な日本語フォントをサブセット化し、webフォントとして配布しています。すべて無料でお使いいただけます。
欧文フォントに比べ、文字の多い和文フォントはデータサイズが大きくなりがちです。できるだけ軽くなるよう調整していますが、日本語webフォントの導入はwebサイトを重くする可能性があります。
Compatible for
- Chrome 36+
- Opera 23+
- Edge 14+
- Firefox 39+
- Safari for Mac OS Sierra, iOS 10.2+
お知らせ
使用方法:
- 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; }