STINGER

STINGER5でGoogle fontsを使ってタイトルのフォントをカスタマイズする方法

更新日:

STINGER5のカスタマイズ。
Google fontsを使ってタイトルのフォントをカスタマイズする方法です。

一般的なフォントも色々ありますが、Googleのフォントはセンスがありますよね。

●ビフォー

●アフター

です。
それではカスタマイズをはじめていきます。

好みのGoogle fontsを探そう

まずはGoogle fontsのページで好みのフォントを探します。
https://www.google.com/fonts#

こちらで好きなフォント見つけたら赤で囲んだボタンをクリックしましょう。

するとこんな画面になります。
③と④のコードをコピーしましょう。

コードを設置しましょう

先ほどコピーしたコードを反映していきます。

まずは③のコードを「header.php」の最下部へ貼りつけます。

このようにheadで囲みます。

続いてCSSを修正していきます。

これを

このように修正しました。

の下へ④コードを設置です。
フォントを大きくするために「font-size」と「line-height」の数字も合わせて修正してます。

これで完成です。

以上、STINGER5でGoogle fontsを使ってタイトルのフォントをカスタマイズする方法でした!

⚫️その他のカスタマイズはこちら
コピペするだけ!STINGER5のカスタマイズまとめ

-STINGER

Copyright© Endless Journey , 2017 All Rights Reserved Powered by STINGER.