【はてなブログ】フォントを変えて見やすくする設定方法

今回は、はてなブログのフォントを変更してみましたので、その方法を簡単に紹介したいと思います。

まず、はてなブログの管理画面の「デザイン」に遷移します。

次に「カスタマイズ」をクリックしてください。

「カスタマイズ」の高度な設定にある「デザインCSS」をクリックします。

画像の黄色のマーカー部分をクリックすると、2枚目の画像のようにコードを記載することが可能になります。

今回は以下を記載することで、文字が変更することができました。

body {
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

基本的には、上記のCSSをコピーして「高度な設定」に貼り付け、フォント名の部分を自分好みに修正すれば完了です。

指定しているフォントは左から順番に「使えるかどうか」をチェックされ、利用可能なものが自動的に適用されます。そのため、選ぶフォントによっては OSごとに表示されるフォントが変わる場合があります。

変更前

変更後

変更後のデザインは、個人的に前よりずっと見やすくなったと感じます！

こちらのサイトでは、さまざまなフォントの種類と実際の表示例が一覧で確認できます。
CSSでフォントを指定するときの参考になるので、とても便利です👇

最後まで読んでいただき、ありがとうございました！

今回は、はてなブログのフォントを変更してみました。初心者でも簡単にできるので、ぜひ試してみてください。

他にも記事を書いていますので、お時間のあるときに読んでいただけると嬉しいです！

以下をコピーして高度な設定の「デザインCSS」に貼り付けてください。

body {
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

ズボラなサラリーマンのDiary