こんにちは^^エックスサーバーでワードプレスを立ち上げると、「TypeSquare Webfonts for エックスサーバー」というプラグインが始めからインストールされている状態になっています。
他のブログと違うフォントにしてみたいなぁ♪とか、ブログの内容に合ったかわいいフォントにしたいなぁ♪と思う方の参考になると思うので、ぜひこのブログを読んでフォントを変更しちゃいましょう^^
![](https://momo-happyblog.com/wp-content/uploads/2020/12/IMG_2012.jpg)
今日は「 TypeSquare Webfonts for エックスサーバー」を使って
ブログのフォントを変える方法を解説します♪
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_14h11_23.png)
エックスサーバーのページに、書いてあった注意事項です。
月間75,000PVを超えると、標準のフォントに戻ってしまうみたいですね!
「TypeSquare Webfonts for エックスサーバー」の設定だけではフォントを変えられない!
![](https://momo-happyblog.com/wp-content/uploads/2021/10/4960762_s.jpg)
「TypeSquare Webfonts for エックスサーバー 」を使ってブログのフォントを変える場合、まずエックスサーバーの方で設定する必要があります。
私はこれを知らなかったので、なかなか出来ませんでした(・・;
エックスサーバーの設定!
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_13h23_57.png)
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_13h41_18.png)
「ホームページ」の項目の中に「webフォント設定」があるので、そこをクリックします。
フォントの変更が有効になっているドメインは「1個」と表示されていますが、フォントを変更する準備が出来ていないドメインは「0個」になっているので、「選択する」をクリックします!
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_13h52_48.png)
「選択する」をクリックすると下のような画面に行くので、右側のタブ「webフォント設定の追加」をクリックして、フォントを適用したいブログが表示されていることを確認した上「設定する」をクリックします。
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_13h59_55.png)
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_14h09_56.png)
「webフォント設定が完了しました。」となればOKです♪
「TypeSquare Webfonts for エックスサーバー 」 の設定!
次は、プラグイン 「TypeSquare Webfonts for エックスサーバー 」 の設定をしていきます^^
左側の管理メニューの下の方に「 TypeSquare Webfonts 」という設定項目があるのでクリックします。
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_14h29_50.png)
設定画面が開くとフォントテーマを選択出来るようになるので、
「テーマを設定しない」と書かれている右の方の「∨」をクリックすると、ズラッとフォントテーマのセットが出てきます^^
既存の中に好みのフォントセットがなければ1番上にある「新しくテーマを作成する」をクリックすることで、自分の好みに変更できます。
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_14h40_41.png)
フォントの適用箇所は?
![](https://momo-happyblog.com/wp-content/uploads/2021/10/2021-10-16_14h55_12.png)
フォントが適用される箇所は「タイトル(記事タイトル)」「リード(見出し)」「本文」「太字」となってます^^
「TypeSquare Webfonts for エックスサーバー 」 でフォント設定:まとめ
「TypeSquare Webfonts for エックスサーバー 」 でフォントを変更するときは、エックスサーバーの設定も併せて行わないと適用されないので、プラグインを設定してもフォントの変更が出来ないときはエックスサーバーの設定も見てみてくださいね^^
![](https://momo-happyblog.com/wp-content/uploads/2020/12/IMG_2011.jpg)
以上で終わります。
最後までお付き合いいただき
ありがとうございます。