Webフォントの適用(さくらインターネット)

2019年3月23日

今更ですが、サイトのタイトルにWebフォントを適用してみました。

以下、その時の手順

コントロールパネルの「Webフォント」からドメインを登録した後、次の2つを記述。

<head>タグ内に以下のスクリプトを記述。

<script type="text/javascript" src="//webfonts.sakura.ne.jp/js/sakura.js"></script>

スタイルシートに以下を記述。

#site-title {
  font-family: "Shin Maru Go Regular";
}

これだけで、「#site-title」内の要素に、Webフォント「Shin Maru Go Regular」が適用されます。