.Webfonts サービスが便利
- P 2010.10.22
- , CSS3
- , Typography
無数にあるフォントの中から、使いたい書体を探しだし、
ウェブフォント用にファイル変換するのは面倒。ライセンス確認も一苦労。
そこで、無料で使えるサービスを使ってみよう。すべて欧文フォント。
Google Font API
登録不要・無料で使えるが、まだフォント数が少ない。
フォントファイルを自サーバにアップロードする必要がない。
.ウェブフォントの基本
- P 2010.10.21
- , CSS3
WebFonts（ウェブフォント）とは、
サーバにアップロードしたフォントファイルを、
ブラウザ上でWebページのテキストに適用できる仕組みのこと。
（Web Designing 2010/4）
- フォントファイル（.ttf）を準備 ※ライセンス等に注意
- サーバにアップロード
- スタイルシートでフォントファイルを読み込む（@font-face）
- 適用したいHTMLタグにプロパティを設定。
/* フォントファイル（.ttf）を読み込む */
@font-face {
font-family: 'フォント名';
src: url('フォントファイルのパス') format('truetype');
}
/* HTMLタグにプロパティ設定 */
h1 { font-family: 'フォント名'; }