2014年1月1日水曜日

CSS でフォントファイルを参照する

@font-face 構文でサーバ上のフォントファイルを参照できる。
クライアント側のフォントファイルに影響されないため、
フォントも指定したい場合に使える。
/* CSS */
@font-face {
    font-family: ZnikomitNo25;
    src: url("ZnikomitNo25.otf");
}

h1 {
    font-family: ZnikomitNo25;
}

@font-face 内で font-family 名とフォントファイルのパスを指定し、
フォントを変えたい要素に、設定した font-family 名を指定すればよい。



使用したフォント

ZnikomitNo25
http://www.1001freefonts.com/znikomit_no_25.font


参考

@font-face - MDN
https://developer.mozilla.org/ja/docs/Web/CSS/@font-face

0 件のコメント:

コメントを投稿