top > coding > css
ひきこもりからIT社長に | main | RSSアイコン

文字サイズ可変

ブラウザの表示メニューから、文字サイズを変える人もいますが、あらかじめサイトに「文字サイズ可変ボタン」がついていると、嬉しかったりします。

通常コーディングの際に、サイトの標準文字サイズを決めますが、「12px」のように数字を入れてしまうと、IEで見ているユーザーがブラウザ表示メニューで変えようとしても効かないので、(数字を入れない指定の仕方もありますが)このようにサイトに前もって別のスタイルシートを用意して、可変できるようにすると、親切なサイトになると思います。

(Firefoxなど別のブラウザでは、数字指定していても、自由に変えられるようですが。)
しかし、サイトを作っている側や、デザイナー側からすると、ユーザー側で文字サイズを変えられると、サイト内のテキスト全部に影響するので、レイアウトが極端に崩れてしまったりして、つらいところがあります。
必要以上にサイト内の全テキストを大きくしなくても十分だったりするケースもあるので、そういうときこそこちら側で「メイン部分は12px→16px」に拡大できるようにしよう、フッターは12pxのままでいこう、などと、部分ぶぶんで、細かく意図的に可変にすることができます。

ちゃんとこちらの意図が伝われば、レイアウトを崩さず、大きくして読みたいユーザーにも満足して閲覧してもらえるサイトになると思います。

実験的にこのブログにもボタンをつけてみました。(右サイドメニュー参照)
いざ、どの部分を大きくしたら見やすいかな?文字サイズだけでなく、余白や行間も変えた方がいいんだろうか?など、色々思い浮かんできて、プレビューしてはいじり、微調整しまくってしまいました。

ユーザーの声も聞かなくては分からないですね、こういうのは何が正しいとかはないと思うので、しばらく様子を見てみようかな。。。

Comments

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks