폰트 크기 변환기

폰트 크기 변환기란?

폰트 크기 변환기는 픽셀(px), 포인트(pt), em, rem, 퍼센트 간에 타이포그래피 측정값을 변환합니다. 인쇄 및 디지털 미디어에서 일관된 폰트 크기 조정을 보장하며, 디자인 도구와 CSS 구현 간의 격차를 메워줍니다.

폰트 크기 변환기 사용 방법

1. 아무 단위로 폰트 크기 값을 입력합니다.
2. 다른 모든 단위의 동등한 크기를 확인합니다.
3. 변환된 값을 CSS나 디자인 도구에서 사용합니다.

주요 개념

표준 96 DPI에서: 1px = 0.75pt, 1pt = 1.333px, 16px = 12pt = 1rem (기본값). em은 부모 요소의 폰트 크기에 상대적입니다. rem은 루트(html) 폰트 크기에 상대적이며, 일반적으로 16px입니다. 포인트는 주로 인쇄 디자인에서 사용되고, 픽셀, em, rem은 웹 개발에서 표준입니다.

1em = 16px (기본값), 1rem = 루트 font-size, 1pt = 1/72 인치

자주 묻는 질문

CSS에서 px, em, rem 중 어떤 것을 사용해야 하나요?

rem은 사용자 설정에 따라 일관되게 확장되므로 대부분의 경우 권장됩니다. 컴포넌트 수준의 상대적 크기 조정에는 em을 사용하세요. 정확한 픽셀 제어가 필요한 경우에만 px를 사용하세요.

브라우저 기본 폰트 크기는 얼마인가요?

대부분의 브라우저는 기본값으로 16px를 사용합니다. 즉, 1rem = 16px입니다. 사용자는 접근성을 위해 브라우저 설정에서 이를 변경할 수 있으므로 상대 단위(rem, em)가 선호됩니다.

포인트와 픽셀의 관계는 어떻게 되나요?

96 DPI(표준 화면 해상도)에서 1pt = 1.333px이고 1px = 0.75pt입니다. 따라서 12pt = 16px입니다. 다른 DPI(예: 이전 Mac의 72 DPI)에서는 관계가 달라집니다.