zero-point-five

とある目標を達成すべく、その活動とオリジナルのキャラクター作成して発信していきます。

【はてなブログアレンジ】記事のフォントサイズ変更

当ブログではブログテーマを「Minimalism」を使用しています。

シンプルなデザインで非常に見やすい構成となっています。

ただ、スマホでブログ記事を見た時に、文字のサイズが少し小さいのが気になっていました。

今回は、フォントサイズを変更する方法について紹介します。

f:id:zero_point_5:20190823164445j:plain

 

 

フォントサイズの変更の仕方

フォントサイズの変更はとても簡単です。

以下2つの手順で完了します。所要時間は30秒ほどです。

 

1、カスタマイズするためのCSSを準備

カスタマイズするためのCSSを準備します。

以下がCSSになるので、コピペしてください。

 

フォントサイズは17pxに設定しています。(当ブログ)

この数字を変更することで、好きなサイズにできるのでお好きなサイズに変更してみてください。

 

/* 記事のフォントサイズ */
.entry-content {
font-size:17px;
}

 

 

2、はてなブログでの設定

フォント数を決めて、コピペしたらはてなブログ側で設定をします。

ブログの管理画面から、

デザイン→カスタマイズ→デザインCSSを開きます。

デザインCSS欄に1の手順のコードをコピペします。

 

以上で完了です。

 

 

最後に

とても簡単で30秒ほどで設定が完了します。

フォントサイズはPC画面ではさほど小ささを感じませんが、スマホ画面で見ると広告の文字とのバランスに違和感があり、記事のフォントに小ささを感じます。

 

フォントサイズ17pxほどにするとバランスよくなりますので、設定してみてください。