cssでデフォルトフォント以外のフォントを適用する

デフォルトフォントではなく、自分でフォントを指定したくなったときのcssへの記載方法です。

フォントファイルを任意のディレクトリに配置

まずは、使用したいフォントのファイルを任意のディレクトリ配下に置きます。

cssで指定

cssで下記のように指定します。

@font-face {
    font-family: 'フォント名';
    src:url('フォント名.woff') format('woff')
}
p {
    font-family: 'フォント名';
}

以上です!とても簡単にフォントの適用ができました。

参考サイト

www.hp-stylelink.com