Html字體大小的設置單位PT與PX區別
字體大小的設置單位,常用的有2種:px、pt。
基本概念:
px:pixel,像素,屏幕上顯示的最小單位,用於網頁設計,直觀方便;
pt:point,是一個標准的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用;
em:即%,在CSS中,1em=100%,是一個比率,結合CSS繼承關系使用,具有靈活性。
PPI(DPI):pixel(dot)per inch,每英寸的像素(點)數,是一個率,表示了“清晰度”,“精度”
PX和PT轉換的公式:
pt=px乘以3/4。
比如:12px×3/4=9pt大小。
PX和em轉換的公式:
對於PX轉em的方法也類似,就是em=16乘以px,
也就是說1.5em=1.5×16=24px。
設計中常用PX/EM/PT/百分比轉換表格
Pixels |
EMs |
Percent |
Points |
|
6px |
0.375em |
37.50% |
5pt |
|
7px |
0.438em |
43.80% |
5.5pt |
|
8px |
0.5em |
50% |
6pt |
|
9px |
0.563em |
56.30% |
7pt |
|
10px |
0.625em |
62.50% |
8pt |
|
11px |
0.688em |
68.80% |
8pt |
|
12px |
0.75em |
75% |
9pt |
|
13px |
0.813em |
81.30% |
10pt |
|
14px |
0.875em |
87.50% |
11pt |
|
15px |
0.938em |
93.80% |
11pt |
|
|
||||
16px |
1em |
100% |
12pt |
|
17px |
1.063em |
106.30% |
13pt |
|
18px |
1.125em |
112.50% |
14pt |
|
19px |
1.188em |
118.80% |
14pt |
|
20px |
1.25em |
125% |
15pt |
|
21px |
1.313em |
131.30% |
16pt |
|
22px |
1.375em |
137.50% |
17pt |
|
23px |
1.438em |
143.80% |
17pt |
|
24px |
1.5em |
150% |
18pt |
|
字號 磅數 毫米
八號 5磅 1.84
七號 5.5磅 2.12
小六號 6.5磅 2.45
六號 7.5磅 2.81
小五號 9磅 3.15
五號 10.5磅 3.70
小四號 12磅 4.25
四號 14磅 4.93
小三號 15磅 5.23
三號 16磅 5.55
小二號 18磅 6.37
二號 22磅 7.80
小一號 24磅 8.42
一號 26磅 9.66
小初號 36磅 11.1
初號 42磅 12.7