Conversion Table
| Points (pt) | Root EM (em) |
|---|---|
| 1pt | 0.083em |
| 2pt | 0.167em |
| 3pt | 0.25em |
| 4pt | 0.333em |
| 5pt | 0.417em |
| 6pt | 0.5em |
| 7pt | 0.583em |
| 8pt | 0.667em |
| 9pt | 0.75em |
| 10pt | 0.833em |
| 12pt | 1em |
| 14pt | 1.167em |
| 16pt | 1.333em |
| 18pt | 1.5em |
| 20pt | 1.667em |
| 24pt | 2em |
| 28pt | 2.333em |
| 32pt | 2.667em |
| 36pt | 3em |
| 40pt | 3.333em |
Differences Between pt and em
Points (pt) are used for print media, while Em (em) is a relative unit in web design. em units are based on the current element's font size, providing flexibility in design.
Advantages of Using pt
Using points ensures consistent sizing in print designs. Em units offer flexibility in web design, allowing elements to scale based on their parent element's font size.
How to Convert pt to em
To convert points to em, use the following formula:
em = pt * (96 / 72 / current font-size)
For example, to convert 2pt to em with a current font-size of 16px:
2pt * (96 / 72 / 16) = 0.167em
Frequently Asked Questions
Why should I use pt instead of em?
Use points for print design and em for web design. Em units provide flexibility and scalability in web layouts.
How do I set font sizes using em?
In CSS, you can set font sizes using the em unit, for example:
font-size: 1em;
Can I mix pt and em units?
It's possible but not recommended. Stick to one unit for consistency in your designs.