🔤글꼴 pt ↔ px ↔ rem ↔ em 단위 변환기

웹·인쇄 디자인에서 사용하는 글꼴 단위를 화면 해상도 기준으로 변환

변환할 값

단위 선택

기준 글꼴 크기

단위	변환 결과
픽셀 (px)
포인트 (pt)
rem
em

글꼴 pt ↔ px ↔ rem ↔ em 단위 변환기 사용법

웹 디자인과 퍼블리싱에서는 글꼴 크기를 표현하는 단위가 여러 가지입니다. pt(포인트)는 인쇄 문서에서 전통적으로 쓰이는 단위이고, px(픽셀)는 화면 해상도를 기준으로 한 절대 단위입니다. 반면 rem과 em은 상대 단위로, rem은 브라우저 루트(html) 요소의 글꼴 크기를 기준으로, em은 해당 요소의 부모 글꼴 크기를 기준으로 계산됩니다. 같은 숫자라도 기준 크기에 따라 실제 화면에 보이는 크기가 달라지기 때문에, 단위를 변환할 때는 반드시 기준 글꼴 크기(보통 16px)를 함께 고려해야 합니다.

이 계산기는 96dpi 화면 기준으로 1pt = 1.333px 비율을 적용하고, 사용자가 지정한 기준 글꼴 크기(기본값 16px)를 바탕으로 rem·em 값을 계산합니다. 예를 들어 기준 크기가 16px일 때 1rem은 16px, 1.5rem은 24px에 해당합니다. 값을 입력하고 단위를 선택하면 pt, px, rem, em 4가지 단위가 동시에 표시되어 CSS 코드 작성이나 인쇄물 디자인 시안 크기를 맞출 때 편리하게 활용할 수 있습니다.

반응형 웹 디자인에서는 rem 단위를 사용하면 사용자가 브라우저 글꼴 크기를 조정했을 때 전체 레이아웃이 비율대로 함께 조정되는 장점이 있어, 접근성을 고려한 CSS 작성 시 rem 사용이 권장됩니다.

자주 묻는 질문

1pt는 몇 px인가요?

1pt(포인트)는 화면 기준(96dpi) 약 1.333px입니다. 반대로 1px은 약 0.75pt입니다. 인쇄 문서에서는 pt, 웹 화면에서는 px를 주로 사용합니다.

rem과 em의 차이는 무엇인가요?

rem은 항상 브라우저의 루트(html) 글꼴 크기를 기준으로 계산되고, em은 해당 요소의 부모(상위) 글꼴 크기를 기준으로 계산됩니다. 중첩된 요소가 많을수록 em은 예측이 어려워질 수 있어, 전역 크기 일관성을 위해서는 rem을 더 많이 사용합니다.

글꼴 pt ↔ px ↔ rem ↔ em 단위 변환기 사용법

자주 묻는 질문

함께 보면 좋은 도구