フォントサイズ・種類・その他フォント関係をカスタマイズしてみたよ

f:id:shigesanpo:20200214081702p:plain

 

 

フォント関係のカスタマイズをここにまとめて掲載していけたらと思ってます。

今まで意識したことなかったんですが、ネットを見るのにフォントサイズや種類で結構見方が変わってくるんだなぁと思い変更してみることにしました。

 

フォントの種類、サイズ、色など

gist1e76de0d34c2dc0d93f537869f850a74

見る端末によって変わってくるみたいですね。

 

Windows10のChrome環境

画像左側が変更後で、右側が変更前になります。比較すると分かりやすいですが、個人的にスッキリしたなと思うのが赤枠の部分ですね。

記事も行間が空いていて、確かに見やすい気がします。

f:id:shigesanpo:20200214082951p:plain

 

androidの環境

こちらも左側が変更後になります。目次の番号を見ると分かりますが、やはりスッキリして見やすい気がします。

文字の大きさは好みになるんでしょうかね。個人的には大きい気がしますが、長く見ることを考えるとこれくらいがちょうどいいのでしょうか。

f:id:shigesanpo:20200214084604j:plain

 

f:id:shigesanpo:20200214084211j:plain

 太字をマーカーで引いたようにする

「ダッシュボード > デザイン > カスタマイズ」からデザインcssに以下のコードを書き込みます。

gistcb2aa808ddfee8cd0475a81214a71c24

うまくいけば、このようにマーカーが引かれているはずです。

まとめ

フォントの種類が変わったというのがわかりませんでしたが、iOS環境だとまた違うのでしょうか。

フォント関係は、読者の方が一番関わってくるところになるので、これからも注視していきたいと思います。

もっとこっちの方が良いよって方いましたら、コメントいただけると嬉しいです。

 

参考にさせて頂いたサイト様

murashun.jp