[ CSS ] 10px を基準にしてフォントサイズを指定する

さっき書いたエントリーの応用で、デフォルトフォントサイズを 10 ピクセルにし、

font-size:10px → font-size:100% or font-size:1.0em
font-size:12px → font-size:120% or font-size:1.2em
font-size:14px → font-size:140% or font-size:1.4em
font-size:16px → font-size:160% or font-size:1.6em
font-size:18px → font-size:180% or font-size:1.8em

と指定できると簡単かなぁと思い、サンプルを作ってみました。

ベースとなるフォントサイズが 10px なので、パーセント指定にする時、余計な端数が出なくて気持ちいいかなと…。

https://codepen.io/darucub/pen/yyONmdY

▲ 10px を基準にしてフォントサイズを指定するサンプル

こう言う手法って、どうなんだろ？

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。