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
时间: 2024-12-18 06:48:39