Letter Character Alphabet Type  - Jirreaux / Pixabay

ティッケー ブログ

サイトの文字詰めをしてみました

更新日:

Webデザイン・文章を読ませるためにも大事な要素です。こんにちは、ティッケーです。

先日、ここのサイトを公開するにあたって第三者にチェックをしていただいたところ……

ピスタくん
ピスタくん

「文字がもう少し間隔が開いていると読みやすい!」

と、フィードバックをいただきました。
文字間を広げる(文字詰め)はCSSで簡単にできたので、ここでやったことも簡単に書いておきます。

p {letter-spacing: 0.1em}

たったこれだけを、WordPressのカスタムCSSにいれただけです。文字間の指定をpxではなくemで行ったのは、画面の大きさにあわせて(デバイスによるもの、スマホとPCで大きさに狂いがでないように)指定したものです。

Webサイトのブログみたいな媒体ですと、なかなか完璧なカーニング(文字詰め)は難しいですが、最低限「視認性・見やすさ」を気にするといいのかなと思いました。

お知らせ

Startup Start Up Foundation 1

PC作業担当のティッケーです。今日は当社ウェブサイトをWordPressで制作をしてみました。今後はできる限り、多くの利用者の方にブログやサイト、お知らせの更新作業ができるように調整しています。 やっ ...

-ティッケー, ブログ
-, , , ,

Copyright© 株式会社 こうめ , 2024 All Rights Reserved Powered by STINGER.