ダウンロードフォントの使用方法

ダウンロードしたフォントを使用するには以下のスニペットを使用する。

@font-face {
font-family: '任意のフォント名';
src: url('フォントファイルのパス') format('フォーマット名');
}

font familyにはそのプロジェクト内で使用するフォント名を決める。
formatには以下のテーブルからダウンロードしたフォントの拡張子に応じて決める。

format	拡張子
format(‘woff‘)	.woff
format(‘truetype’)	.ttf
format(‘opentype‘)	.otf
format(‘embedded-opentype‘)	.eot
format(‘svg‘)	.svg / .svgz