サイトタイトルのフォントを変更したいと思っています。
具体的にはweb上でインストールしてきたttfファイルをサーバー上に配置しました。配置ディレクトリはstyle.cssと同じ階層にfontフォルダを作成しそのなかにttfファイルをおきました。そしてstyle.cssファイルを編集しました。編集内容は以下の通りです。
@charset "UTF-8";
@import url("font/susikifont.ttf");
/*!
Theme Name: Simplicity2 child
Template: simplicity2
Version: 20161002
*/
/* Simplicity子テーマ用のスタイルを書く */
/* Firefox, Opera, Safari */
@font-face {
font-family: "susikifont";
src: url(font/susikifont.ttf) format("truetype");
}
#site-title{
margin-top:50px;
margin-bottom:30px;
}
#site-title a{
font-family: susikifont
font-size:70px;
}
以上のように変更したのですがフォントが反映されていませんでした。
問題点などあればご教授いただきたいと思います。
よろしくお願いいたします。