폰트 크기 변환기 (pt · px · pc)

1pt = 96/72px = 4/3px이므로 12pt × 4/3 = 정확히 16px입니다. 브라우저 기본 본문 글자 크기(16px)가 전통적인 인쇄 기본값 12pt와 일치하는 이유입니다 — 위에서 변환 전을 pt, 변환 후를 px로 두고 12를 입력해 확인해 보세요.

이 계산기가 다루는 pt·px·pc는 모두 절대 단위로, 인치를 기준으로 고정된 비율을 가집니다. 반면 CSS의 rem과 em은 상대 단위입니다. 1rem은 문서 루트(html) 요소의 글자 크기를 기준으로 하고, 1em은 부모 요소의 글자 크기를 기준으로 합니다. 브라우저 기본 설정이 16px이면 1rem = 16px이지만, 사용자가 브라우저 글자 크기를 키우면 rem 값도 함께 커집니다 — px나 pt로 고정한 글자는 그렇지 않습니다. 그래서 접근성을 고려한 웹 디자인에서는 절대 단위보다 rem을 권장하는 경우가 많습니다.

위 계산기의 계산 과정은 두 단계입니다. 1단계, pt를 인치로 바꿉니다: 18pt ÷ 72 = 0.25인치. 2단계, 인치를 px로 바꿉니다: 0.25인치 × 96px = 24px. 즉 18pt = 24px입니다. 반대로 px를 pt로 바꿀 때는 px ÷ 96 × 72를 계산합니다. 이 계산기는 이 두 단계를 자동으로 처리해 값을 즉시 보여줍니다.

pt·px·pc 사이의 변환은 화면 해상도(DPI)나 인쇄 해상도와 무관하게 항상 같은 비율로 고정되어 있습니다. CSS 명세가 1px을 1/96인치로 못박아 두었기 때문입니다. 반면 이미지를 실제로 인쇄했을 때 몇 센티미터가 되는지는 DPI(인치당 점 개수)에 따라 달라지는데, 이 계산은 픽셀↔실제 크기 변환기에서 따로 다룹니다. 두 계산을 헷갈리면 '고해상도 모니터라 12pt가 더 작게 보인다'처럼 잘못된 결론에 이르기 쉽습니다. 글자 크기 단위 변환은 화면 종류와 무관하게 항상 고정 비율이라는 점을 기억하세요.

같은 12pt라도 폰트마다 실제로 보이는 글자 크기는 다르게 느껴집니다. 폰트마다 글자가 차지하는 'em 사각형' 안에서 글자 모양을 얼마나 크게 그리는지(글자 상자 대비 비율)가 다르기 때문입니다. 한글은 초성·중성·종성을 한 네모 칸에 모두 담아야 해서 라틴 폰트보다 em 사각형을 꽉 채우는 경향이 있고, 그래서 같은 pt 값을 지정해도 라틴 알파벳보다 한글이 더 커 보이는 경우가 흔합니다. 맑은 고딕, 나눔고딕, 노토 산스 KR처럼 폰트마다 내부 여백과 기본 행간이 달라 같은 16px이라도 화면에서 체감 크기가 다릅니다. 디자인 시안과 실제 렌더링이 다르게 보인다면 폰트 차이부터 의심해 보세요.

CSS로 웹 페이지를 만들 때는 보통 px나 rem을 씁니다. 브라우저·운영체제 환경이 달라도 화면에서 일관되게 렌더링되기 때문입니다. 반면 인쇄물이나 PDF, 오피스 문서를 다룰 때는 pt와 pc가 표준 단위입니다 — 한글 문서 프로그램(한글, MS워드)도 글자 크기를 pt로 표시합니다. 그래서 인쇄용으로 만든 디자인 시안을 웹으로 옮길 때는 pt 숫자를 그대로 px 값으로 쓰면 안 되고, 이 계산기로 먼저 변환한 뒤 CSS에 적용해야 합니다.

포인트라는 단위는 인쇄 활자 시대부터 쓰였지만 정확한 크기는 나라와 시대마다 조금씩 달랐습니다. 영미권 인쇄 포인트(약 1/72.27인치, 지금도 TeX의 pt가 이 값입니다)와 프랑스 디도 포인트(약 0.376mm) 등 여러 기준이 함께 쓰였습니다. 1980년대 어도비가 포스트스크립트를 만들면서 계산이 간단한 1/72인치를 '포스트스크립트 포인트'로 확정했고, 이후 데스크톱 출판(DTP)과 CSS가 이 값을 그대로 물려받았습니다. 그래서 오늘날 워드프로세서·디자인 툴·웹 브라우저가 말하는 pt는 모두 같은 1/72인치 기준을 근거로 삼습니다.