HTML Font Size setting unit pt differs from PX

HTML Font Size setting unit pt differs from PX

Font size of the set units, commonly used in 2 kinds: px, pt.

Basic concepts:

px:pixel, pixel, the smallest unit displayed on the screen, for web design, intuitive and convenient;

PT:Point, a standard unit of length, 1pt=1/72 inch, for printing, very simple to use;

em: that is,%, in CSS, 1em=100%, is a ratio that combines CSS inheritance relationships with flexibility.

PPI (DPI): Pixel (dot) per inch, the number of pixels (dots) per pixel, is a rate that represents "sharpness", "precision"

PX and the PT formula for conversion:

Pt=px Times 3/4.

For example: 12pxx3/4=9pt size.

PX and the em formula for conversion:

The method for PX to EM is similar, that is, em=16 times px,

That means 1.5em=1.5x16=24px.

Common px/em/pt/percent conversion tables in design

Pixels	Ems	Percent	Points
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5.5pt
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

Size points mm

Eighth, 5 lbs. 1.84

Seventh, 5.5 lbs. 2.12

Small sixth, 6.5 lbs. 2.45

Sixth, 7.5 lbs. 2.81

Small fifth, 9 lbs. 3.15

Fifth, 10.5 lbs. 3.70

Small fourth, 12 lbs. 4.25

Fourth, 14 lbs. 4.93

Small third, 15 lbs. 5.23

Third, 16 lbs. 5.55

Small second, 18 lbs. 6.37

Second, 22 lbs. 7.80

Small one, 24 lbs. 8.42

Number 26 lbs. 9.66

Small first 36 lbs 11.1

First number 42 lbs 12.7

HTML Font Size setting unit pt differs from PX