フォントの変更

Webnodeの基本機能では入っていないフォントを使えるようにする編集方法の紹介です。

始めに、フォントのHTMLコードの取得方法をご説明します。

コードの書き換えが必要になりますが、詳しく説明していきますのでご安心ください。

1、まずはグーグルフォントのページにアクセスしてください。（ページは全て英語ですが、下記ににて詳しく説明させて頂きますのでご安心ください。）

2、言語をJapanese（日本語）を選びます。

3、好きなフォントを選んだらそのフォントの右上にある＋マークをクリック。

4、右下の黒いバーをクリックし、EMBEDを選択、＠IMPORTを選びます。

5、HTMLコードをコピーします。コピーした後もこのページは使用するので閉じないでおいてください。

6、上記でコピーしたHTMLコードをPC上にあるNotePadや付箋なのにコピーをしてください。編集を行う為です。

7、上記のNotePadに張り付けたコードと同じページで構わないので　* { }　を書き入れてください。

8、グーグルフォントページに戻り、『Specify in CSS』という部分のコードを今度はコピーします。

9、上記でコピーしたSpecify in CSSのコードを7、でノートパッドに書き入れておいた* { }のかっこ内に入力をします。

10、上記の* { }内にコードを張り付けたものに、今度は!importantを付け足します。付け足す場所は『　;}　』の直前です。

11、10で作ったコードを今度は5で取得したコードに挿入します。

上記でHTMLコードの取得は終了です。次にHTMLを対象となるウェブサイトに張り付けるステップに入ります。

ここからは対象となるウェブサイトの編集ページに上記で作ったHTMLコードを張り付ける作業です。

ここからはスタンダードプレミアムプラン以上をお持ちか、無料もしくはMini・Limitedプランをお持ちの方で貼り付け場所が変わりますので、それぞれ対象となる方を選んで編集をしてくだい。

プレミアムスタンダードプラン以上を持っている方

1、編集ページの右上にある『編集』をクリックし、『ウェブサイト設定』を選択します。

2、HTMLヘッダーに張り付けます。

3、『公開』をクリックして終了です。

無料もしくはMini・Limitedプランをお持ちの方

1、ページをクリックし、対象となるページを選び『SEO（検索エンジン最適化）ページ設定 』をクリックし、コードをHTMLヘッダーに張り付けます。

※張り付けたページのみが対象になるので、全ページのフォントを変えたい場合はそれぞれのページに編集が必要です。

2、最後に『公開』ボタンを押して終了です。