レンタルサーバー ご利用ガイド

基本設定

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

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

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

 

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

    <script type="text/javascript"src="//code.typesquare.com/static/ZDbTe4IzCko%253D/ts106f.js"charset="utf-8"></script>
  2. 設定例を参考に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;
    }


    ▼フォント名一覧

    日本語での記述 英語での記述
    ゴシックMB101 L Gothic MB101 Light
    ゴシックMB101 M Gothic MB101 Medium
    ゴシックMB101 B Gothic MB101 DemiBold
    新ゴ L Shin Go Light
    新ゴ M Shin Go Medium
    新ゴ B Shin Go Bold
    UD新ゴNT L UD Shin Go NT Light
    UD新ゴNT M UD Shin Go NT Medium
    UD新ゴNT B UD Shin Go NT Bold
    UD新ゴ コンデンス90 L UD Shin Go Conde90 L
    UD新ゴ コンデンス90 M UD Shin Go Conde90 M
    新丸ゴ L Shin Maru Go Light
    新丸ゴ M Shin Maru Go Medium
    新丸ゴ B Shin Maru Go Bold
    TBUD明朝 M TBUDMincho M
    リュウミン M-KL Ryumin Medium KL
    リュウミン EB-KL Ryumin ExtraBold KL
    UD黎ミン M UD Reimin Medium
    UD黎ミン EB UD Reimin ExtraBold
    A1明朝 A1 Mincho
    丸フォーク R Maru Folk Regular
    丸フォーク B Maru Folk Bold
    ぽっくる Pokkru-B
    はるひ学園 Haruhi Gakuen
    シネマレター Cinema Letter
    G2サンセリフ-B GSanSerif-B
    解ミン 月 B Kaimin Tsuki Bold
    モアリア R