logo icon

ブラウザ毎のデフォルトフォントサイズとパーセント表記での指定値一覧

ブラウザ毎のデフォルトのフォントサイズと、パーセントでサイズ指定するための一覧をメモっておきます。

Windows

ブラウザプロポーショナル
(Proportional)
等幅
(Monospace)
Internet Explorer 8.016px16px
Internet Explorer 7.016px16px
Internet Explorer 6.016px16px
Internet Explorer 4.016px-
Firefox 3.016px16px
Firefox 2.016px16px
Firefox 1.016px16px
Opera 9.016px16px
Opera 9.016px-
Safari 3.016px13px
Netscape 716px16px

Macintosh

ブラウザプロポーショナル
(Proportional)
等幅
(Monospace)
Safari 1.2.416px13px
Firefox 3.016px16px
Firefox 2.014px14px
Firefox 1.014px14px
Opera 9.016px16px
Opera 8.016px16px
Netscape 714px14px
Internet Explorer 5.216px16px

パーセント表記での指定値

フォントサイズ(px)パーセント指定値(%)表示サイズ(px)
12px84%10px
12px92%11px
12px100%12px
12px109%13px
12px117%14px
12px125%15px
12px134%16px
12px142%17px
12px150%18px
12px159%19px
12px167%20px
12px175%21px
12px184%22px
12px192%23px
12px200%24px
12px209%25px
12px217%26px
13px77%10px
13px85%11px
13px93%12px
13px100%13px
13px108%14px
13px116%15px
13px124%16px
13px131%17px
13px139%18px
13px147%19px
13px154%20px
13px162%21px
13px170%22px
13px177%23px
13px185%24px
13px193%25px
13px200%26px
14px72%10px
14px79%11px
14px86%12px
14px93%13px
14px100%14px
14px108%15px
14px115%16px
14px122%17px
14px129%18px
14px136%19px
14px143%20px
14px150%21px
14px158%22px
14px165%23px
14px172%24px
14px179%25px
14px186%26px
15px67%10px
15px74%11px
15px80%12px
15px87%13px
15px94%14px
15px100%15px
15px107%16px
15px114%17px
15px120%18px
15px127%19px
15px134%20px
15px140%21px
15px147%22px
15px154%23px
15px160%24px
15px167%25px
15px174%26px
16px63%10px
16px69%11px
16px75%12px
16px82%13px
16px88%14px
16px94%15px
16px100%16px
16px107%17px
16px113%18px
16px119%19px
16px125%20px
16px132%21px
16px138%22px
16px144%23px
16px150%24px
16px157%25px
16px163%26px

以下はreset.cssの片隅にでもメモっておく用です。あまり使わないかも知れないけど。


/* font-size
-------------------------------------------------- *//*

12px * 84% -> 10px
12px * 92% -> 11px
12px * 100% -> 12px
12px * 109% -> 13px
12px * 117% -> 14px
12px * 125% -> 15px
12px * 134% -> 16px
12px * 142% -> 17px
12px * 150% -> 18px
12px * 159% -> 19px
12px * 167% -> 20px
12px * 175% -> 21px
12px * 184% -> 22px
12px * 192% -> 23px
12px * 200% -> 24px
12px * 209% -> 25px
12px * 217% -> 26px

13px * 77% -> 10px
13px * 85% -> 11px
13px * 93% -> 12px
13px * 100% -> 13px
13px * 108% -> 14px
13px * 116% -> 15px
13px * 124% -> 16px
13px * 131% -> 17px
13px * 139% -> 18px
13px * 147% -> 19px
13px * 154% -> 20px
13px * 162% -> 21px
13px * 170% -> 22px
13px * 177% -> 23px
13px * 185% -> 24px
13px * 193% -> 25px
13px * 200% -> 26px

14px * 72% -> 10px
14px * 79% -> 11px
14px * 86% -> 12px
14px * 93% -> 13px
14px * 100% -> 14px
14px * 108% -> 15px
14px * 115% -> 16px
14px * 122% -> 17px
14px * 129% -> 18px
14px * 136% -> 19px
14px * 143% -> 20px
14px * 150% -> 21px
14px * 158% -> 22px
14px * 165% -> 23px
14px * 172% -> 24px
14px * 179% -> 25px
14px * 186% -> 26px

15px * 67% -> 10px
15px * 74% -> 11px
15px * 80% -> 12px
15px * 87% -> 13px
15px * 94% -> 14px
15px * 100% -> 15px
15px * 107% -> 16px
15px * 114% -> 17px
15px * 120% -> 18px
15px * 127% -> 19px
15px * 134% -> 20px
15px * 140% -> 21px
15px * 147% -> 22px
15px * 154% -> 23px
15px * 160% -> 24px
15px * 167% -> 25px
15px * 174% -> 26px

16px * 63% -> 10px
16px * 69% -> 11px
16px * 75% -> 12px
16px * 82% -> 13px
16px * 88% -> 14px
16px * 94% -> 15px
16px * 100% -> 16px
16px * 107% -> 17px
16px * 113% -> 18px
16px * 119% -> 19px
16px * 125% -> 20px
16px * 132% -> 21px
16px * 138% -> 22px
16px * 144% -> 23px
16px * 150% -> 24px
16px * 157% -> 25px
16px * 163% -> 26px

-------------------------------------------------- */

参考サイト

ブラウザ別デフォルトフォントサイズ一覧表|web bibo 各ウェブブラウザのデフォルトフォントサイズのまとめ | Bowz::Notebook font-sizeのパーセント表記一覧 - Webtech Walker