基本設定

モリサワWebフォントをHTMLとCSSを使ってサイトに設定する

Webフォントを利用する場合、あらかじめ利用するサイトのドメインでのWebフォント設定を
ONにしていただく必要がございます。

設定方法については以下のガイドページをご確認ください。

Webフォント設定をONにしたサイトのHTMLとCSSを編集します
HEADタグの中に以下のタグを挿入します

<script type="text/javascript"src="//code.typesquare.com/static/ZDbTe4IzCko%253D/ts106f.js"charset="utf-8"></script>

設定例を参考にWebフォントを利用したい文字のCSSを編集します
以下のフォント名一覧の中からご希望のフォントを選び、font-familyに設定してください
※フォント名は「 "（ダブルクォート）」で囲んでください

▼設定例

【HTML】

<h2 class="content-title">記事タイトル</h2>

【CSS】

h2.content-title {
font-family: "UD新ゴNT M";
font-size:1.5rem;
font-weight:bold;
}

▼フォント名一覧