Webの最新トピックを配信中!

font-sizeは10px以上にしよう

Google Chromeの最小フォントサイズは10pxです。それ未満に設定しても10pxで表示されます。

10px以下にすると小さすぎて読みづらくなるからです。ユーザビリティを考えると、基本的にはフォントサイズは10px以上にするのが望ましいです。

どうしても、デザイン上、Chromeで文字を10px未満で表示したい場合は、font-size:10pxを指定した上で、さらにtransformのscaleで縮小します。下の場合は、font-sizeが5px相当で表示されます。

inline要素の場合はdisplay:blockが必要です。originは縮小の起点となる箇所で、共に0pxにすることで左上を指定しています。

IE・Firefox・Safariは10px以下でも指定可能です。

質問や感想などお気軽にどうぞ!

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  • 管理人(ねこポン)について

    ぬるま湯でぬくぬくと週3日だけ働く30代半ばウェブデザイナーです!
    インテリ風&仕事できる風を醸し出す腕前では右に出る者はいませんが、電話すら怖くて取れないし、無断欠勤してしまい自宅に警察が来たほどのコミュ症ポンコツ人間です。
    現在Web業界5年目。事業会社とWeb制作会社のウェブデザイナーを経て、フリーランスになりました。

    > 僕の20代まるごと黒歴史ストーリー

  • Web制作会社を歩き回れるゲームを作ってみました!ぜひ探検してみてください。(注意:音が出ます!)

    一番上へ