以前ブログタイトルを変更する方法を記事にしましたが、それはパソコン版の場合だけでした。
今回はスマホ版でフォントを変更する方法についてご紹介します。
変更前のブログタイトル
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_22h56_49.png)
普通のゴシック体でした。
パソコン版でのフォントは、Google FontのRighteousを使用しているので、
スマホでも同じものを使用したいと思います。
フォントの変更方法
パソコン版となぜ異なるかというと、スマホ版のタイトルはCSSのセレクタが違っていたので一括で変更できていませんでした。
スマホ版のclassは“menu-button-in”を使用しているようでした。
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_22h57_47-1024x197.png)
そのため、専用のものを設定する必要があります。
①設定画面ないで「外観」⇒「カスタマイズ」を開く
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_23h01_25.png)
②追加CSSを開く
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_23h10_11.png)
③フォントを変更するCSSを入力する
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_22h59_24.png)
今回のフォントの例
/*スマホタイトルフォント*/
.menu-button-in {
font-family: ‘Righteous’, cursive;
}
フォントの変更完了
![](https://dyna-knowledge.com/wp-content/uploads/2021/11/2021-11-20_23h00_14.png)
これで、無事タイトルフォントを変更することができました。
こちらを変更するのを忘れていたので、やっと対応できました。
コメント