Web Design Font Size Measurements : Convert Points to Pixels,EMS and Percentages when web designing

 In blog

Here’s a chart that converts points to pixels (and ems and %). It’s an approximation, which will depend on font, browser and the operating system.

These are important to know when you are doing web designs that fit to every screen.

In below chart we are listing some frequently used measurements in Points, Pixels, Ems and Percents.

1 px = 0.75 point; 1 point = 1.333333 px

PT to PX Converter ( Points to Pixels)

PX to PT Converter ( Pixels to Points )

PX, PT, EMS and Percent Conversion Chart

Some commonly used values are in the below chart for your easy reference.

Points
Pixels
Ems
Percent
6pt
8px
0.5em
50%
7pt
9px
0.55em
55%
7.5pt
10px
0.625em
62.5%
8pt
11px
0.7em
70%
9pt
12px
0.75em
75%
10pt
13px
0.8em
80%
10.5pt
14px
0.875em
87.5%
11pt
15px
0.95em
95%
12pt
16px
1em
100%
13pt
17px
1.05em
105%
13.5pt
18px
1.125em
112.5%
14pt
19px
1.2em
120%
14.5pt
20px
1.25em
125%
15pt
21px
1.3em
130%
16pt
22px
1.4em
140%
17pt
23px
1.45em
145%
18pt
24px
1.5em
150%
20pt
26px
1.6em
160%
22pt
29px
1.8em
180%
24pt
32px
2em
200%
26pt
35px
2.2em
220%
27pt
36px
2.25em
225%
28pt
37px
2.3em
230%
29pt
38px
2.35em
235%
30pt
40px
2.45em
245%
32pt
42px
2.55em
255%
34pt
45px
2.75em
275%
36pt
48px
3em
300%

What is PT or Points used in Typography / Web Design

In typography, the point ( PT)  is the smallest unit of measure. It is used for measuring font size, leading, and other items on a printed page. The size of the point has varied throughout the history of printing. Since the 18th century, the point’s size has varied from 0.18 to 0.4 millimeters. Source 

What is PX or Pixel used in Typography / Web Design

A pixel (px) at 96DPI (dots per inch) is equal to 0.2645835‬ millimeters, 0.010416675‬ inches, or 0.75 point. It is a measurement of how tall a font is in pixels which are visible on your computer screen. So, if a font is 12 pixels in height, that means it takes up 12 pixels on your screen from the top of the letter, to the bottom, which also includes the characters that have sections which are under the guide line, such as a “p” character.

Lanka websites is a leading Web Design company in Sri Lanka with 12 years expertise in web design, dynamic website development and ecommerce website development.

Recent Posts

Start typing and press Enter to search