1. Webフォント設定
  2. HTML記述形式でのご利用

HTML記述形式でのご利用

Webフォントの設定手順

Webフォントの適用が解除されない場合は下記をご参照ください。

1.WordPress各種設定メニューへ進みます。

管理パネルへログイン後、「WordPress管理」カテゴリの「インストール済みWordPress一覧」メニューをクリックし、対象WordPressの「設定」をクリックしてください。

2.「Webフォント設定」の「設定する」をクリックします。

WordPress設定画面のページ下部にある「サイト設定」内から、「Webフォント設定」の「設定する」をクリックします。

「Webフォント設定」の「設定」ボタンをクリック

3.Webフォント設定を変更

現在の設定をご確認の上、設定確認ボタン[Webフォント設定をON/OFFにする(確認)]をクリックしてください。

「設定」ボタンをクリック

4.HTMLを編集

以下のコードをWebフォントで表示したいページのHEADタグ(<head>~</head>)内に記述してください。
なお、下記のコードは</head>タグの直前に記述することが推奨されています。

HTML
<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>

5.CSSを編集

Webフォントを適用したいタグにご希望の書体(font-family)を設定してください。 各フォントのfont-familyについては「各WebフォントのCSS指定用コード」をご参照ください。

HTML
<h1>Webフォント活用サイト</h1>
CSS
h1{ font-family: "新ゴ R"; }

編集したCSSファイルと手順3で編集したHTMLファイルをサーバーにアップロードし、ブラウザ上で「更新」をクリックするとWebフォントが反映されます。

また、上記で指定したWebフォントの適用が外れる、または何らかの理由で適用できない際、続けて代替として表示される標準フォントを指定することが可能です。必要に応じて下記の例のように,(半角コンマ)区切りで代替フォントを指定してください。

CSS
h1{ font-family: "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "MS Pゴシック" , sans-serif; }

Webフォントの適用を解除する方法について

Webフォントの適用を解除するには、以下の作業を順に行ってください。

  1. HTMLファイルとCSSファイルよりWebフォントの適用時に追加した記述を削除します。
    その際、HTMLファイルより下記のJavaScriptファイルの記述も必ず削除してください。
  2. 管理パネル「WordPress設定」→「インストール済みWordPress一覧」から対象のWordPressの「設定」メニューをクリックしてください。表示された画面の「Webフォント設定」より設定を「OFF」に変更してください。

以上の作業を行った後、Webフォントの適用が外れているかご確認ください。

各WebフォントのCSS指定用コード

下記を参考にWebフォントの設定を行ってください。
また、日本語で指定する場合は""(ダブルクォート)で囲む必要があります。

下記は「リュウミン R-KL」を適用した場合の例です。

/* 日本語で指定する場合 */
p{ font-family: "リュウミン R-KL"; }

/* 英語で指定する場合 */
p{ font-family: Ryumin Regular KL; }

それぞれのfont-family(Webフォントを指定するスタイル)は下記の通りです。
書体の見本を確認したい場合は「書体見本一覧」をご参照下さい。

※下記表の「日本語で記述」または「英語で記述」どちらか一方をcssファイルに記述して下さい。

日本語で記述 英語で記述
リュウミン R-KL Ryumin Regular KL
リュウミン B-KL Ryumin Bold KL
黎ミン M Reimin Medium
A1明朝 A1 Mincho
しまなみ Shimanami
新ゴ R Shin Go Regular
新ゴ B Shin Go Bold
ゴシックMB101 B Gothic MB101
見出しゴMB31 Midashi Go MB31
中ゴシックBBB Gothic Medium BBB
じゅん 201 Jun 201
じゅん 501 Jun 501
新丸ゴ R Shin Maru Go Regular
秀英にじみ丸ゴシック B Shuei NijimiMGo B
丸フォーク M Maru Folk Medium
フォーク M Folk Medium
シネマレター Cinema Letter
はるひ学園 Haruhi Gakuen
G2サンセリフ-B GSanSerif-B
那欽 Nachin
竹 B Take Bold
新ゴ シャドウ Shin Go Shadow
ぶらっしゅ Brush-U
トーキング Talking
すずむし Suzumushi
教科書ICA M Kyoukasho ICA Medium
陸隷 Likurei
TB古印体 Kointai-M
さくらぎ蛍雪 SakuraKeisetsu
TBUDゴシック R TBUDGothic R
TBUDゴシック E TBUDGothic E
UD新ゴ コンデンス90 L UD Shin Go Conde90 L
UD新ゴ コンデンス90 M UD Shin Go Conde90 M