【WEBデザインの注意点】フォントサイズは10px以上に！

コーディング部ログ

コーディング代行会社「ジェットコーディング」のサイトを訪問いただきありがとうございます！

ジェットコーディングは、毎月多くのコーディング代行依頼をいただいています。
本日は、WEBデザインの注意点をコーダー目線でお伝えしたいと思います。

年に数件ですが、テキスト部分のフォントサイズが10px未満のデザインデータが送付されることがあります。

画像部分であれば問題ないのですが、
ブラウザが可読性の観点から、テキスト部分の10px未満の指定を無視してしまいます。

例えば、

font-size: 9px;

と指定しても、実際には10pxで表示されます。

対応策として、

font-size: 10px;
transform: scale(0.9);

という指定で、強引に見た目を9px表示にすることは可能ですが、

基本的にはおすすめしません。
小さくて読みにくいですし…。

コーディング代行会社「ジェットコーディング」では、
実装段階で懸念点がある場合には、
すぐに担当のディレクターさんやデザイナーさんとコンタクトを取り、
対応策を相談＆調整いたします。