Html字體大小的設置單位PT與PX區別


Html字體大小的設置單位PT與PX區別 


 

字體大小的設置單位,常用的有2種:px、pt。

基本概念:

px:pixel,像素,屏幕上顯示的最小單位,用於網頁設計,直觀方便;

pt:point,是一個標准的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用;

em:即%,在CSS中,1em=100%,是一個比率,結合CSS繼承關系使用,具有靈活性。

PPI(DPI):pixel(dot)per inch,每英寸的像素(點)數,是一個率,表示了“清晰度”,“精度”

 


 

PXPT轉換的公式:

pt=px乘以3/4。

比如:12px×3/4=9pt大小。

PXem轉換的公式:

對於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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM