モリサワ Webフォントの利用

Webフォントを使用する

プラグイン「TypeSquare Webfonts Plugin for カゴヤ・ジャパン」で、使用するフォントを設定できます。


 

■ サイト全体にフォントテーマを設定する

サイト全体に共通のフォントテーマを設定できます。

 

  1. WordPress のダッシュボードにログインし、左サイドメニューから「TypeSquare Webfonts」をクリックします。
    TypeSquare Webfonts
    [TypeSquare Webfonts for カゴヤ]のフォントテーマ設定画面が表示されます。

  2.  

  3. 使用したいフォントテーマを選択します。
    フォントテーマを選択する
    フォントテーマは 見出し / リード / 本文 / 太字 ごとのフォント設定の組み合わせです。

    見出し リード 本文 太字
    h1,h2,h3,.entry-title h4,h5,h6 .hentry strong,b

  4.  

  5. フォントテーマを更新する」をクリックします。
    フォントテーマを更新する

  6.  

  7. フォントテーマの設定が完了すると[フォントテーマの設定に成功しました。]と表示されます。
    フォントテーマの設定に成功しました

     

    フォント設定クラスを指定する

    見出し / リード / 本文 / 太字 でフォントを適用するクラスを変更できます。

    1. [TypeSquare Webfonts for カゴヤ]のフォントテーマ設定画面を表示します。
      TypeSquare Webfonts
      上級者向けのカスタマイズ」をクリックします。

    2.  

    3. [フォント設定クラス]設定画面が表示されます。
      フォント設定クラス
      見出しタグ、リードタグ、本文タグ、強調タグ ごとにフォントを適用するクラスを指定し、
      設定クラスを更新する」をクリックします。


     

■ 記事ごとにフォントテーマを設定する

投稿編集画面で、記事ごとにフォントテーマを設定できます。

 

  1. [TypeSquare Webfonts for カゴヤ]のフォントテーマ設定画面を表示します。
    TypeSquare Webfonts
    上級者向けのカスタマイズ」をクリックします。

  2.  

  3. [個別記事フォント設定]画面が表示されます。
    個別記事フォント設定
    記事ごとにフォントテーマを設定する場合は「有効化する」にチェックを入れ、
    個別記事フォント設定を更新する」をクリックします。

  4.  

  5. 投稿の編集画面を開くと、記事ごとにフォントテーマを設定いただけます。
    投稿の編集

 

■ フォントテーマを作成する

任意のフォントテーマを作成できます。

 

  1. [TypeSquare Webfonts for カゴヤ]のフォントテーマ設定画面を表示します。
    TypeSquare Webfonts

  2.  

  3. フォントテーマを設定します。
    新しくテーマを作成する
    新しくテーマを作成する」を選択します。

  4.  

  5. 新しいテーマの設定画面が表示されます。
    新しいテーマの設定
    次の項目を設定します。

    テーマタイトル 作成するテーマのタイトルを入力します。
    適用箇所 タイトル 「見出し」のクラスに適用するフォントを選択します。
    リード 「リード」のクラスに適用するフォントを選択します。
    本文 「本文」のクラスに適用するフォントを選択します。
    太字 「太字(強調)」のクラスに適用するフォントを選択します。

    設定できるフォントは以下の通りです。

    書体分類 フォントファミリー名 フォント名 書体見本
    明朝体 リュウミン リュウミン R-KL 見本
    リュウミン M-KL 見本
    A1明朝 A1明朝 見本
    ゴシック体 新ゴ 新ゴ R 見本
    新ゴ M 見本
    見出ゴMB31 見出ゴMB31 見本
    ゴシックMB101 ゴシックMB101 B 見本
    A1ゴシック A1ゴシック M 見本
    ナウ(ゴシック) ナウ-GM 見本
    丸ゴシック体 じゅん じゅん 201 見本
    じゅん 501 見本
    デザイン書体 フォーク フォーク R 見本
    フォーク M 見本
    丸フォーク 丸フォーク R 見本
    丸フォーク B 見本
    はるひ学園 はるひ学園 見本
    シネマレター シネマレター 見本
    G2サンセリフ G2サンセリフ-B 見本
    カクミン カクミン R 見本
    トーキング トーキング 見本
    すずむし すずむし 見本
    みちくさ みちくさ 見本
    黒曜 黒曜 見本
    装飾書体 新ゴ 太ライン 新ゴ 太ライン 見本
    筆書体 教科書ICA 教科書ICA R 見本
    UD書体 UD新ゴ UD新ゴ R 見本
    UD新ゴ M 見本
    UD新ゴ コンデンス90 UD新ゴ コンデンス90 L 見本
    UD新ゴ コンデンス90 M 見本
    UD新ゴ コンデンス70 UD新ゴ コンデンス70 M 見本

    設定が完了したら「フォントテーマを更新する」をクリックします。

  6.  

  7. フォントテーマの設定が完了すると[フォントテーマの設定に成功しました。]と表示されます。
    フォントテーマの設定に成功しました