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

Webフォントの設定方法

1. [1]コントロールパネルへログインします。
2. [2]上部メニューの「WING」をクリックします。

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

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

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

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

• ※Webフォントはサブドメインを含めて3ドメイン利用可能です。
  ドメインの切り替えが必要な場合はサイト管理左メニューの「切り替え」ボタンから変更します。ドメインの切り替えについては下記のガイドをご確認ください。
  ドメインを切り替える

Webフォントの利用方法

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

• ・htmlファイル、CSSファイル内のHEADタグ記述例

• ・HTMLタグの設定例

HTML

CSS

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

フォント一覧(33書体)

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

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

• ※WordPressのインストールについては下記のガイドをご確認ください。
  WordPressをインストールする
  WordPressかんたん移行を利用する

1. [1]インストールしているWordPressのダッシュボードにログインします。

2. [2]左メニューの「プラグイン」をクリックします。

3. [3]プラグインのリストで「TypeSquare Webfonts for ConoHa」を「有効化」します。

4. [4]左のメニューに「TypeSquare Webfonts」が追加されるのでクリックします。

5. [5]プルダウンからフォントテーマを選択して、「フォントテーマを更新する」をクリックします。

6. [6]選択したフォントテーマで詳細な設定をする場合は「上級者向けのカスタマイズ」をクリックします。
   「フォント設定クラス」ではテーマ内各タグに設定されているフォントを適用するクラスを指定します。
   「個別記事フォント設定」を有効化すると記事ごとにフォントテーマを設定するようになります。