Easy Google Fonts」タグアーカイブ

WordPress 珍道中 その2(Twenty Seventeenのカスタマイズ)

Twenty Seventeenのフォントの変更に手こずる。

ヘッダーのフォントが気に入らなくて、簡単に変更できるプラグインのEasy Google Fontsをインストールしました。(面倒くさがり)フォントをHelveticaの太字に変更したのですが、(何となく安心)トップページに表示されるフォントの太さとカテゴリで固定ページとして表示されるフォントの太さが違います。トップページで表示されるHelvetivaの方が細いのです。

これを何とかしたいと思ったのですが、Easy Google FontsでFont Weight/Styleを設定できるのは700まで、(設定で変更出来るのかもしれない)800なら太字になるのに!と思いながら、覚えたばかりのカスタムCSSへの記述の追加です。

html[lang=”ja”] h1 {
font-weight: 800;
}

これ、下に書き加えても赤文字になって認識してくれないんですね。上から書き加える事で機能しました。(無知なだけ)
これで、トップページとカテゴリページのHelveticaの文字は同一となりましたが、h1の修正という事で、記事ページのタイトルにも影響。(あくまでPC上)まあ、カッコいいからいいか。(記事ページのみの修正の仕方をしらない)

あとは、今更ながらメニューを追加。目次のプラグインをインストールしたけど、まったく認識せず。(お使いのバージョンの WordPress ではテストされていませんだった)

このサイトはロリポップのライトプラン、月々250円で作成されています。ロリポップなら、WordPressもメールも無料。WordPress始めるなら、サポートも充実しているロリポップ!がオススメです。