ご利用ガイドWebフォント設定をする

Webフォントの設定方法

[1] コントロールパネルへログインします。

[2] 上部メニューの「WING」をクリックします。

STEP1

[3] 左メニューの「サイト管理」をクリックします。

STEP2

[4] サイト管理画面の左メニューで「サイト設定」を開きます。

STEP3

[5] 上のタブから「基本設定」を開きます。

STEP4

[6] 「Webフォント」を開いて、「利用設定」を「ON」にします。

STEP5

※Webフォントはサブドメインを含めて3ドメイン利用可能です。

ドメインの切り替えが必要な場合はサイト管理左メニューの「切り替え」ボタンから変更します。ドメインの切り替えについては下記のガイドをご確認ください。

ドメインを切り替える

Webフォントの利用方法

[1] Webフォントの利用については利用設定ををONにしたドメインのWebサイトのhtmlファイル、CSSファイル内のHEADタグの中に次の内容のタグを挿入します。

[2] HTMLタグをフォントを指定の上挿入します。設定例としては次のようになります。

HTML

<h2 class="title">ConoHa WING　Webフォント</h2>

CSS

h2.title {
font-family: "DSダダ";
font-size:1.5rem;
font-weight:bold;
}

[3] ご利用が可能なフォントは次のものとなります。
※フォント名が日本語もしくはフォント名内にスペースがある場合はタグ挿入の際、フォント名はダブルクォテーション("")で囲みます。半角英数かつスペースが無い場合はそのまま挿入します。

フォント一覧(33書体)

【UD書体】UD新ゴコンデンス 90 Ｌ / UD新ゴコンデンス 90 Ｍ / UD黎ミン R / UD黎ミン B

【TB書体】TBUDゴシック R / TBUDゴシック E

【ゴシック体】ゴシックMB101 M / ゴシックMB101 B / 新ゴ R / 見出ゴMB31 / ヒラギノ角ゴ W2 / ヒラギノ角ゴ W6 / ナウ-GM

【丸ゴシック体】じゅん 201 / じゅん 501 / 新丸ゴ R / キャピーN / 秀英丸ゴシック L

【明朝体】A1明朝 / リュウミン R-KL

【デザイン書体】丸フォーク M / フォーク M / はるひ学園 / シネマレター / G2 サンセリフ-B / すずむし / トーキング / ハルクラフト / 那欽

【筆書体】陸隷

【装飾体】新ゴ太ライン

【DS書体】DSダダ / DSそよ風

2019/12/17　新規追加→『ヒラギノ角ゴ W6』『ナウ-GM』『秀英丸ゴシック L』

WordPressでWebフォントを利用する方法

WordPressでもHTML、CSSにタグを挿入することでWebフォントを利用出来ますが、プラグインを利用することで便利に設定することが出来ます。

[1] インストールしているWordPressのダッシュボードにログインします。
※WordPressのインストールについては下記のガイドをご確認ください。

WordPressをインストールする
 WordPressかんたん移行を利用する

STEP6