別冊webメモ

自分用リファレンス&アウトプット

font-size:13pxのときの、相対フォント%リスト

よく使うけど、確認しないと覚えてないリスト。


基準文字サイズは13pxで指定しています。

body { font-size: 13px; }


cssにコメントでメモしておくと便利。

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/