Nexus

REM to PC Converter

Conversion Table

Root Em Picas
0.01rem 0.01pc
0.03rem 0.03pc
0.05rem 0.05pc
0.08rem 0.08pc
0.1rem 0.1pc
0.15rem 0.15pc
0.2rem 0.2pc
0.5rem 0.5pc
0.625rem 0.625pc
0.75rem 0.75pc
0.875rem 0.875pc
1rem 1pc
1.125rem 1.125pc
1.25rem 1.25pc
1.375rem 1.375pc
1.5rem 1.5pc
1.625rem 1.625pc
1.75rem 1.75pc
1.875rem 1.875pc
2rem 2pc
2.125rem 2.125pc
2.25rem 2.25pc
2.375rem 2.375pc
2.5rem 2.5pc
2.625rem 2.625pc
2.75rem 2.75pc
2.875rem 2.875pc
3rem 3pc
3.125rem 3.125pc
3.25rem 3.25pc
3.375rem 3.375pc
3.5rem 3.5pc
3.625rem 3.625pc
3.75rem 3.75pc
3.875rem 3.875pc
4rem 4pc
5rem 5pc
6rem 6pc
8rem 8pc
10rem 10pc
15rem 15pc
20rem 20pc
30rem 30pc
40rem 40pc
50rem 50pc
60rem 60pc
80rem 80pc
100rem 100pc

Differences Between rem and pc

Root Em (rem) is a relative unit that scales according to the root element's font size, typically the HTML element. Picas (pc) are a traditional typographic unit used primarily in print media. One pica is equal to 12 points or 1/6 of an inch, making it useful for precise print layout.

Advantages of Using rem

Using rem units allows for better scalability and consistency across different screen sizes and resolutions. Since rem is relative to the root element's font size, adjusting the font size of the root element will proportionally scale all elements using rem units. This is particularly useful for responsive design and accessibility, as it respects user preferences for font size.

How to Convert rem to pc

To convert rem to picas, you need to know the root element's font size. By default, most browsers set the root font size to 16px. The formula for conversion is:

pc = rem * root font size * (1 / 16)

For example, to convert 2rem to picas, assuming the root font size is 16px:

2rem * 16px * (1 / 16) = 2pc

Frequently Asked Questions

Why should I use rem instead of pc?

Using rem allows for more scalable and consistent layouts across different screen sizes and user settings, improving accessibility.

How do I set the root font size?

You can set the root font size using CSS on the HTML element. For example:

html {
    font-size: 16px;
}

Can I use rem for all elements?

Yes, you can use rem for most elements to ensure consistency. However, for precise print layout, pc might be more suitable.