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