글자 크기 변환기
px · pt · em · rem · vw 글자 크기 즉시 변환
⚡ 즉시 변환
🔧 5가지 단위
👁️ 실시간 미리보기
📋 클립보드 복사
글자 크기 단위 변환
px
px
—
픽셀
pt
—
포인트
em
—
부모 기준
rem
—
루트(html) 기준
vw
—
뷰포트 너비 기준 (1920px 기준)
%
—
부모 기준 퍼센트
자주 쓰는 글자 크기 참조표
| 용도 | px | pt | rem |
|---|---|---|---|
| 본문 (body) | 16px | 12pt | 1rem |
| 소제목 (h4) | 18px | 13.5pt | 1.125rem |
| 중제목 (h3) | 20px | 15pt | 1.25rem |
| 제목 (h2) | 24px | 18pt | 1.5rem |
| 대제목 (h1) | 32px | 24pt | 2rem |
| 캡션/라벨 | 12px | 9pt | 0.75rem |
| 버튼/UI | 14px | 10.5pt | 0.875rem |
| 인쇄 본문 | — | 10~12pt | — |
🔧 글자 크기 단위 설명
| 단위 | 기준 | 사용처 |
|---|---|---|
| px (픽셀) | 화면 픽셀 1개 | 웹 개발 절대 단위. 화면 크기에 무관하게 고정 |
| pt (포인트) | 1pt = 1/72인치 | 인쇄·워드·포토샵 등 문서 작성 단위 |
| em | 부모 요소 폰트 크기 기준 | 상대 단위. 부모가 16px이면 1em = 16px |
| rem | html 루트 폰트 크기 기준 | 반응형 웹 권장 단위. 브라우저 기본 16px |
| vw | 뷰포트 너비의 1% | 화면 크기에 따라 유동적으로 변하는 제목에 사용 |
| % (퍼센트) | 부모 요소 폰트 기준 | em과 유사. 100% = 1em |
❓ 자주 묻는 질문
Q. px와 pt의 차이는 무엇인가요?
96dpi 화면 기준으로 1pt = 1.333px, 1px = 0.75pt입니다. 웹에서는 px를, Word·Photoshop 등 인쇄 문서에서는 pt를 사용합니다. 웹 본문 16px는 인쇄 시 약 12pt에 해당합니다.
Q. em과 rem의 차이는 무엇인가요?
em은 부모 요소의 폰트 크기를 기준으로 계산됩니다. 중첩될 경우 계속 곱해져 복잡해질 수 있습니다. rem(root em)은 항상 html 최상위 요소의 폰트 크기를 기준으로 하므로 예측이 쉽습니다. 반응형 웹 개발에서는 rem 사용을 권장합니다.
Q. 반응형 웹에서 어떤 단위를 써야 하나요?
rem 또는 clamp()를 권장합니다. rem은 브라우저 기본 폰트 설정을 존중하고 예측이 쉽습니다. clamp(min, preferred, max) 형태로 최소·최대값을 지정하면 더 유연한 반응형 타이포그래피가 가능합니다.