【スマホ版】Cocoonブログタイトルのフォント変更【Google Font】

WordPress

以前ブログタイトルを変更する方法を記事にしましたが、それはパソコン版の場合だけでした。

今回はスマホ版でフォントを変更する方法についてご紹介します。

スポンサーリンク

変更前のブログタイトル

普通のゴシック体でした。

パソコン版でのフォントは、Google FontのRighteousを使用しているので、

スマホでも同じものを使用したいと思います。

スポンサーリンク

フォントの変更方法

パソコン版となぜ異なるかというと、スマホ版のタイトルはCSSのセレクタが違っていたので一括で変更できていませんでした。

スマホ版のclassは“menu-button-in”を使用しているようでした。

そのため、専用のものを設定する必要があります。

①設定画面ないで「外観」⇒「カスタマイズ」を開く

②追加CSSを開く

③フォントを変更するCSSを入力する

今回のフォントの例
/*スマホタイトルフォント*/
.menu-button-in {
font-family: ‘Righteous’, cursive;
}

パソコン版で既にHTMLを設定済みなので設定はこれだけですが、パソコン版を設定していない場合は下記の記事からHTMLを設定してください。

スポンサーリンク

フォントの変更完了

これで、無事タイトルフォントを変更することができました。

こちらを変更するのを忘れていたので、やっと対応できました。

WordPress
スポンサーリンク
ようをフォローする
スポンサーリンク
DynaKnowledge

コメント

タイトルとURLをコピーしました