ブログ運営

《JIN》パソコン記事内のフォントを全体的に太くするカスタマイズ

JINは華奢で女性らしい印象を与えてくれるテーマですが、

ひちょこ
ひちょこ
パソコンで表示される記事の文字がもうちょっと太いほうが読みやすいかなぁ…?

と思ったのでカスタマイズしてみました!参考になれば嬉しいです☺

バックアップをとってからやってみてくださいね✨

JINをおすすめする記事はこちらfas fa-external-link-altから💕


JINのフォントの種類は3つ!

JINフォント

全部で3つの種類があり、カスタマイズ画面から選択することが可能です。

わたしは角丸ゴシックを選択しています!

ひちょこ
ひちょこ
かわいいよね💕

スマホで見ると気にならないのですが、パソコンで見ると「下の2つのゴシックフォントは細いかな…?」と思ったり…思わなかったり…思ったり💦

なので、ちょぴっと太くしてみました!

 

《JINカスタマイズ》パソコンの記事内フォントだけ全体的に太くする

角ゴシック文字をちょぴっと太く!

before
JIN角文字before
after
JIN角文字after
CSSコード
/* 角ゴシック文字をちょぴっと太めにする */
@media (min-width: 768px) {
body#nts-style {
font-weight: 300; } }
@media (min-width: 768px) {
body#nts-style p {
font-weight: 300; } }

角丸ゴシック文字をちょぴっと太く!

before
JIN角丸文字before
after
JIN角丸文字after
CSSコード
/* 角丸ゴシック文字をちょぴっと太めにする */
@media (min-width: 768px) {
body#rm-style {
font-weight: 400; } }
@media (min-width: 768px) {
body#rm-style p {
font-weight: 400; } }

上のbefor&afterを見ていただいて分かるように、黒の太文字を使う場合は強調さが欠けるかな?って思います💦

わたしのように強調する際は、色付けマーカーなどを使っているかたにおすすめです☺

 


まとめ

上のコードをカスタマイズ画面の追加CSSに追加するか、子テーマのstyle.cssに追加してみてくださいね!

ひちょこ
ひちょこ
読みやすくなった!(自己満)

バックアップをとってからお試しくださいませ💕

お読みいただきありがとうございました🙏

ワードプレス「JIN」をカスタマイズして自分色のブログにしよう!ワードプレスのテーマ JIN は、カスタマイズ機能が豊富なのでマニュアルに沿っていけば、じゅうぶんすぎるくらい素敵なブログが出来上がりま...
関連記事