More than 5 years have passed since last update.

WebFont の使い方

Last updated at 2013-11-06Posted at 2013-11-05

Usage

WebFont の使い方をざっくりと.

フォントファイル(.ttf or .otf or .woff) を用意する.
今回は myfont.ttf.

CSS3 の @font-face を使って使いたい WebFont を font-family として登録します.
font-family にフォント名, src に読み込むフォントデータへのパスを指定します.

@font-face {
    font-family: 'myfont';
    src: url('myfont.ttf');
}

WebFont を使いたい要素に @font-face で登録したフォントを指定します.

body {
    font-family: 'myfont';
}

これで Web Font が使えます.