타이포그래피의 절대 단위, 1/72인치로 표준화됨

포인트는 글꼴 크기, 줄 간격(리딩) 및 기타 타이포그래피 치수를 측정합니다. 12pt 글꼴은 가장 낮은 디센더에서 가장 높은 어센더까지의 거리가 12포인트(1/6인치 또는 4.23mm)임을 의미합니다. 포인트 시스템은 미디어 전반에 걸쳐 일관되게 변환되는 장치 독립적인 측정을 제공합니다.

예: 12pt Times New Roman = 높이 0.1667인치 = 4.23mm. 전문적인 본문 텍스트는 일반적으로 10-12pt, 헤드라인은 18-72pt를 사용합니다.

화면이나 이미지에서 단일 점을 나타내는 디지털 단위

픽셀은 화면 밀도(DPI/PPI)에 따라 달라지는 장치 종속 단위입니다. 동일한 픽셀 수는 저해상도 디스플레이(72 PPI)에서는 더 크게, 고해상도 레티나 디스플레이(220+ PPI)에서는 더 작게 나타납니다. DPI/PPI 관계를 이해하는 것은 장치 전반에 걸쳐 일관된 타이포그래피를 위해 매우 중요합니다.

예: 96 DPI에서 16px = 12pt. 동일한 16px이 300 DPI(인쇄)에서는 3.84pt입니다. 픽셀을 변환할 때는 항상 대상 DPI를 지정하십시오.

12포인트 또는 1/6인치와 동일한 전통적인 타이포그래피 단위

파이카는 전통적인 인쇄 디자인에서 단 너비, 여백 및 페이지 레이아웃 치수를 측정합니다. InDesign 및 QuarkXPress와 같은 데스크톱 출판 소프트웨어는 파이카를 기본 측정 단위로 사용합니다. 1파이카는 정확히 12포인트와 같으므로 변환이 간단합니다.

예: 표준 신문 단은 너비가 15파이카(2.5인치 또는 180포인트)일 수 있습니다. 잡지 레이아웃은 종종 30-40파이카 측정을 사용합니다.

1450–1737

활자의 탄생으로 표준화된 측정의 필요성이 생겼지만, 지역 시스템은 수세기 동안 호환되지 않았습니다.

• 1450년: 구텐베르크의 인쇄기가 표준화된 활자 크기의 필요성을 만듭니다.
• 1500년대: 활자 크기는 성경 판본의 이름을 따서 명명됩니다(키케로, 아우구스티누스 등).
• 1600년대: 각 유럽 지역은 자체 포인트 시스템을 개발합니다.
• 1690년대: 프랑스 타이포그래퍼 푸르니에가 12분할 시스템을 제안합니다.
• 초기 시스템: 매우 일관성이 없었으며, 지역 간에 0.01-0.02mm 차이가 있었습니다.

1737–1886

프랑스 인쇄업자 프랑수아-앙브루아즈 디도가 유럽 대륙 전역에서 채택된 최초의 진정한 표준을 만들었으며, 오늘날 프랑스와 독일에서 여전히 사용되고 있습니다.

• 1737년: 푸르니에가 프랑스 왕실 인치를 기반으로 한 포인트 시스템을 제안합니다.
• 1770년: 프랑수아-앙브루아즈 디도가 시스템을 개선합니다 — 1 디도 포인트 = 0.376mm
• 1785년: 키케로(12 디도 포인트)가 표준 측정이 됩니다.
• 1800년대: 디도 시스템이 유럽 대륙 인쇄를 지배합니다.
• 현대: 프랑스, 독일, 벨기에에서 전통적인 인쇄에 여전히 사용됩니다.

1886–1984

미국과 영국의 인쇄업자들은 파이카 시스템을 표준화하여 1포인트를 0.013837인치(1/72.27인치)로 정의하고 영어 타이포그래피를 지배했습니다.

• 1886년: 아메리칸 타입 파운더스가 파이카 시스템을 확립합니다: 1 pt = 0.013837인치
• 1898년: 영국이 미국 표준을 채택하여 앵글로-아메리칸 통합을 이룹니다.
• 1930-1970년대: 파이카 시스템이 모든 영어 인쇄를 지배합니다.
• 차이점: 앵글로-아메리칸 포인트(0.351mm) 대 디도(0.376mm) — 7% 더 큼
• 영향: 미국/영국 시장과 유럽 시장에 대해 별도의 활자 주조가 필요했습니다.

1984–현재

Adobe의 PostScript 표준은 1포인트를 정확히 1/72인치로 정의하여 글로벌 타이포그래피를 통일했으며, 수세기에 걸친 비호환성을 종식시키고 디지털 타이포그래피를 가능하게 했습니다.

• 1984년: Adobe PostScript가 1 pt = 정확히 1/72인치(0.3528mm)로 정의합니다.
• 1985년: Apple LaserWriter가 PostScript를 데스크톱 출판의 표준으로 만듭니다.
• 1990년대: PostScript 포인트가 글로벌 표준이 되어 지역 시스템을 대체합니다.
• 2000년대: TrueType, OpenType이 PostScript 측정을 채택합니다.
• 현대: PostScript 포인트는 모든 디지털 디자인의 보편적인 표준입니다.

1770년 프랑수아-앙브루아즈 디도가 설립

유럽 대륙 표준으로, 프랑스, 독일 및 동유럽 일부 지역에서 전통적인 인쇄에 여전히 사용됩니다.

• 1 디도 포인트 = 0.376mm (PostScript 0.353mm 대비) — 6.5% 더 큼
• 1 키케로 = 12 디도 포인트 = 4.51mm (파이카와 유사)
• 프랑스 왕실 인치(27.07mm)를 기반으로 하여 미터법과 유사한 단순성을 제공합니다.
• 유럽 미술 서적 및 고전 인쇄에서 여전히 선호됩니다.
• 현대적 사용: 프랑스 국립 인쇄소, 독일 프락투어 타이포그래피

1978년 도널드 크누스가 컴퓨터 조판을 위해 만듦

수학 및 과학 출판을 위한 학술 표준으로, 정밀한 디지털 구성에 최적화되어 있습니다.

• 1 TeX 포인트 = 1/72.27인치 = 0.351mm (오래된 앵글로-아메리칸 포인트와 일치)
• 디지털 이전 학술 출판물과의 호환성을 유지하기 위해 선택됨
• 1 TeX 파이카 = 12 TeX 포인트 (PostScript 파이카보다 약간 작음)
• 주요 과학 출판 시스템인 LaTeX에서 사용됨
• 중요: 학술 논문, 수학 텍스트, 물리학 저널

Microsoft Word 및 Windows 타이포그래피

워드 프로세서의 내부 측정 단위로, 디지털 문서 레이아웃에 대한 세밀한 제어를 제공합니다.

• 1 트윕 = 1/20 포인트 = 1/1440인치 = 0.0176mm
• 이름: '포인트의 20분의 1' — 매우 정밀한 측정
• 내부적으로 사용: Microsoft Word, Excel, PowerPoint, Windows GDI
• 부동 소수점 수학 없이 소수점 포인트 크기를 허용합니다.
• 20 트윕 = 1 포인트, 전문가용 조판에 0.05pt 정밀도를 제공합니다.

1886년 아메리칸 타입 파운더스 표준

영어 인쇄를 위한 디지털 이전 표준으로, PostScript와 약간 다릅니다.

• 1 프린터스 포인트 = 0.013837인치 = 0.351mm
• 1/72.27인치와 같음 (PostScript 1/72 대비) — 0.4% 더 작음
• 파이카 = 0.166인치 (PostScript 0.16667 대비) — 거의 인지할 수 없는 차이
• 1886-1984년 PostScript 통일 이전까지 지배적이었습니다.
• 유산 영향: 일부 전통적인 인쇄소는 여전히 이 시스템을 참조합니다.

'글꼴'(font)이라는 단어는 '주조된' 또는 '녹은'을 의미하는 프랑스어 'fonte'에서 유래했습니다. 이는 전통적인 활판 인쇄에서 개별 금속 활자를 만들기 위해 주형에 부은 녹은 금속을 의미합니다.

PostScript는 72가 2, 3, 4, 6, 8, 9, 12, 18, 24, 36으로 나누어지기 때문에 인치당 72 포인트를 선택했습니다. 이는 계산을 더 쉽게 만듭니다. 또한 전통적인 파이카 시스템(인치당 72.27 포인트)과 매우 유사했습니다.

Bauer Bodoni는 전체 제품군에 대해 89,900달러의 비용이 듭니다. 이는 지금까지 판매된 상업용 글꼴 중 가장 비싼 글꼴 중 하나입니다. 1920년대의 원본 금속 활자 표본에서 디지털화하는 데 수년이 걸렸습니다.

디자이너들의 증오에도 불구하고, 코믹 산스는 불규칙한 글자 모양으로 인해 문자 혼동을 방지하여 난독증 독자의 읽기 속도를 10-15% 향상시킵니다. 실제로는 귀중한 접근성 도구입니다.

'@' 기호는 다른 언어에서 다른 이름을 가지고 있습니다: '달팽이'(이탈리아어), '원숭이 꼬리'(네덜란드어), '작은 쥐'(중국어), '말린 절인 청어'(체코어)—하지만 모두 같은 24pt 문자입니다.

Apple은 원래 Mac에 대해 72 DPI를 선택하여 PostScript 포인트와 정확하게 일치시켰습니다(1픽셀 = 1포인트). 이로 인해 1984년에 처음으로 WYSIWYG 데스크톱 출판이 가능해졌습니다. 이는 그래픽 디자인에 혁명을 일으켰습니다.

구텐베르크가 활자를 발명—활자 측정 표준의 첫 번째 필요성

프랑수아-앙브루아즈 디도가 디도 포인트 시스템(0.376mm)을 만듭니다.

아메리칸 타입 파운더스가 파이카 시스템을 표준화합니다(1 pt = 1/72.27인치).

도널드 크누스가 학술 조판을 위해 TeX 포인트 시스템을 만듭니다.

Adobe PostScript가 1 pt = 정확히 1/72인치로 정의—글로벌 통일

Apple LaserWriter가 PostScript를 데스크톱 출판에 도입합니다.

TrueType 글꼴 형식이 디지털 타이포그래피를 표준화합니다.

CSS가 픽셀 기반 측정을 사용하는 웹 타이포그래피를 도입합니다.

iPhone이 @2x 레티나 디스플레이를 도입—밀도 독립적인 디자인

Android가 dp(밀도 독립적 픽셀)로 출시됩니다.

웹 글꼴(WOFF)이 온라인에서 사용자 정의 타이포그래피를 가능하게 합니다.

가변 글꼴 사양—단일 파일, 무한한 스타일

96 DPI (인치당 96 픽셀)

Microsoft는 Windows 95에서 96 DPI를 표준화하여 픽셀과 포인트 사이에 4:3 비율을 만들었습니다. 이는 대부분의 PC 디스플레이에서 기본값으로 남아 있습니다.

• 96 DPI에서 1px = 0.75pt (4픽셀 = 3포인트)
• 16px = 12pt — 일반적인 본문 텍스트 크기 변환
• 역사: 원래 64 DPI CGA 표준의 1.5배로 선택됨
• 현대: 고 DPI 디스플레이는 125%, 150%, 200% 스케일링을 사용합니다 (120, 144, 192 DPI).
• 웹 기본값: CSS는 모든 px-물리적 변환에 96 DPI를 가정합니다.

72 DPI (레거시), 220 PPI (@2x 레티나)

Apple의 원래 72 DPI는 PostScript 포인트와 1:1로 일치했습니다. 최신 레티나 디스플레이는 선명한 렌더링을 위해 @2x/@3x 스케일링을 사용합니다.

• 레거시: 72 DPI에서 1px = 정확히 1pt (완벽한 일치)
• 레티나 @2x: 포인트당 2개의 물리적 픽셀, 220 PPI 효과
• 레티나 @3x: 포인트당 3개의 물리적 픽셀, 330 PPI (iPhone)
• 장점: 포인트 크기가 화면과 인쇄 미리보기에서 일치합니다.
• 실제: 물리적 레티나는 220 PPI이지만 110 PPI (2×)로 보이도록 스케일링됩니다.

160 DPI (밀도 독립적 픽셀)

Android의 dp(밀도 독립적 픽셀) 시스템은 160 DPI 기준선으로 정규화되며, 다양한 화면에 대한 밀도 버킷이 있습니다.

• 160 DPI에서 1dp = 0.45pt (160 픽셀/인치 ÷ 72 포인트/인치)
• 밀도 버킷: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• 공식: 물리적 픽셀 = dp × (화면 DPI / 160)
• 16sp (스케일 독립적 픽셀) = 권장되는 최소 텍스트 크기
• 장점: 동일한 dp 값이 모든 Android 장치에서 물리적으로 동일하게 나타납니다.

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS는 PostScript 포인트와 동일한 논리 단위로 포인트를 사용하며, 물리적 픽셀 수는 화면 세대(비 레티나 @1x, 레티나 @2x, 슈퍼 레티나 @3x)에 따라 달라집니다.

• @1x에서 1 iOS 포인트 = 1.0 pt PostScript (72 DPI 기준선, PostScript와 동일)
• 레티나 @2x: iOS 포인트당 2개의 물리적 픽셀 (144 DPI)
• 슈퍼 레티나 @3x: iOS 포인트당 3개의 물리적 픽셀 (216 DPI)
• 모든 iOS 디자인은 포인트를 사용합니다. 시스템이 픽셀 밀도를 자동으로 처리합니다.
• 17pt = 권장되는 최소 본문 텍스트 크기 (접근성)

프린터 해상도 — 1인치에 들어갈 수 있는 잉크 도트의 수

DPI는 프린터 출력 해상도를 측정합니다. DPI가 높을수록 인치당 더 많은 잉크 도트를 배치하여 더 부드러운 텍스트와 이미지를 생성합니다.

• 300 DPI: 전문 인쇄 표준 (잡지, 책)
• 600 DPI: 고품질 레이저 인쇄 (업무 문서)
• 1200-2400 DPI: 전문 사진 인쇄 및 미술 복제품
• 72 DPI: 화면 미리보기 전용 — 인쇄에는 부적합 (들쭉날쭉하게 보임)
• 150 DPI: 초안 인쇄 또는 대형 포스터 (멀리서 볼 때)

화면 해상도 — 디스플레이 1인치에 들어갈 수 있는 픽셀의 수

PPI는 디스플레이 밀도를 측정합니다. PPI가 높을수록 동일한 물리적 공간에 더 많은 픽셀을 채워 더 선명한 화면 텍스트를 만듭니다.

• 72 PPI: 오리지널 Mac 디스플레이 (1픽셀 = 1포인트)
• 96 PPI: 표준 Windows 디스플레이 (포인트당 1.33 픽셀)
• 110-120 PPI: 저가형 노트북/데스크톱 모니터
• 220 PPI: MacBook Retina, iPad Pro (2배 픽셀 밀도)
• 326-458 PPI: iPhone Retina/Super Retina (3배 픽셀 밀도)
• 400-600 PPI: 하이엔드 Android 휴대폰 (삼성, 구글 픽셀)

인쇄는 절대 단위를 사용합니다 (포인트, 파이카). 물리적 출력 크기가 정확하고 장치에 독립적이어야 하기 때문입니다.

• 본문: 책은 10-12pt, 잡지는 9-11pt
• 제목: 계층 및 형식에 따라 18-72pt
• 리딩 (줄 간격): 글꼴 크기의 120% (12pt 텍스트 = 14.4pt 리딩)
• 절대 치수는 파이카로 측정: '단 너비: 25 파이카'
• 전문 인쇄를 위해 항상 300 DPI로 디자인하십시오.
• 인쇄에 픽셀을 사용하지 마십시오 — 포인트/파이카/인치로 변환하십시오.

웹 타이포그래피는 화면 크기와 밀도가 다양하기 때문에 픽셀과 상대 단위를 사용합니다.

• 본문: 16px 기본값 (브라우저 표준) = 96 DPI에서 12pt
• CSS에서 절대 포인트 크기를 사용하지 마십시오 — 브라우저가 예측할 수 없게 렌더링합니다.
• 반응형 디자인: 확장성을 위해 rem (루트 글꼴에 상대적)을 사용하십시오.
• 최소 텍스트: 본문은 14px, 캡션은 12px (접근성)
• 줄 높이: 본문 텍스트 가독성을 위해 1.5 (단위 없음)
• 미디어 쿼리: 320px (모바일)에서 1920px+ (데스크톱)까지 디자인하십시오.

모바일 플랫폼은 다양한 화면 밀도에서 일관된 물리적 크기를 보장하기 위해 밀도 독립적인 단위(dp/pt)를 사용합니다.

• iOS: 포인트(pt)로 디자인하면 시스템이 자동으로 @2x/@3x로 확장합니다.
• Android: 레이아웃에는 dp(밀도 독립적 픽셀)를, 텍스트에는 sp를 사용하십시오.
• 최소 터치 대상: 접근성을 위해 44pt (iOS) 또는 48dp (Android)
• 본문: 최소 16sp (Android) 또는 17pt (iOS)
• 물리적 픽셀을 사용하지 마십시오 — 항상 논리적 단위(dp/pt)를 사용하십시오.
• 여러 밀도에서 테스트하십시오: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

학술 출판은 수학적 정밀도와 기존 문헌과의 호환성을 위해 TeX 포인트를 사용합니다.

• LaTeX는 레거시 호환성을 위해 TeX 포인트(인치당 72.27)를 사용합니다.
• 표준 저널: 10pt 컴퓨터 모던 글꼴
• 2단 형식: 3.33인치(240pt) 단과 0.25인치(18pt) 거터
• 방정식: 수학적 표기법에는 정확한 포인트 크기가 중요합니다.
• 신중하게 변환: 1 TeX pt = 0.9963 PostScript pt
• PDF 출력: TeX는 포인트 시스템 변환을 자동으로 처리합니다.

• 항상 포인트나 파이카로 작업하십시오 — 인쇄에 픽셀을 사용하지 마십시오.
• 처음부터 문서를 실제 크기(300 DPI)로 설정하십시오.
• 본문 텍스트에는 10-12pt를 사용하십시오. 그보다 작으면 가독성이 떨어집니다.
• 편안한 읽기를 위해 리딩은 글꼴 크기의 120-145%여야 합니다.
• 여백: 제본 및 취급을 위해 최소 0.5인치(36pt)
• 상업용 인쇄소에 보내기 전에 실제 크기로 테스트 인쇄를 하십시오.

• 글꼴 크기에는 rem을 사용하십시오 — 사용자가 레이아웃을 깨뜨리지 않고 확대/축소할 수 있습니다.
• 루트 글꼴을 16px(브라우저 기본값)로 설정하십시오 — 절대 작게 설정하지 마십시오.
• 고정된 높이 대신 단위 없는 줄 높이 값(1.5)을 사용하십시오.
• CSS에서 절대 포인트 크기를 사용하지 마십시오 — 예측할 수 없는 렌더링
• 브라우저 크기 조정뿐만 아니라 실제 장치에서 테스트하십시오 — DPI가 중요합니다.
• 최소 글꼴 크기: 본문 14px, 캡션 12px, 터치 대상 44px

• iOS: @1x에서 디자인하고, @2x 및 @3x 자산을 자동으로 내보냅니다.
• Android: dp에서 디자인하고, mdpi/hdpi/xhdpi/xxhdpi에서 테스트하십시오.
• 최소 텍스트: 접근성을 위해 17pt (iOS) 또는 16sp (Android)
• 터치 대상: 최소 44pt (iOS) 또는 48dp (Android)
• 물리적 장치에서 테스트하십시오 — 시뮬레이터는 실제 밀도를 보여주지 않습니다.
• 가능하면 시스템 글꼴을 사용하십시오 — 플랫폼에 최적화되어 있습니다.

• 최소 본문 텍스트: 16px (웹), 17pt (iOS), 16sp (Android)
• 고 대비: 본문 텍스트는 4.5:1, 큰 텍스트(18pt+)는 3:1
• 사용자 스케일링 지원: 고정된 크기가 아닌 상대 단위를 사용하십시오.
• 줄 길이: 최적의 가독성을 위해 줄당 45-75자
• 줄 높이: 난독증 접근성을 위해 최소 글꼴 크기의 1.5배
• 스크린 리더 및 200% 확대/축소로 테스트하십시오.

Photoshop은 화면 표시에 72 PPI를 가정하고, Word는 레이아웃에 96 DPI (Windows)를 사용합니다. Photoshop의 12pt 글꼴은 Word보다 화면에서 33% 더 크게 보이지만, 둘 다 동일한 크기로 인쇄됩니다. 정확한 크기를 보려면 인쇄 작업에 대해 Photoshop을 300 PPI로 설정하십시오.

웹용으로는 항상 픽셀(또는 rem/em과 같은 상대 단위)을 사용하십시오. 포인트는 절대적인 물리적 단위이며, 다른 브라우저와 장치에서 일관성 없이 렌더링됩니다. 12pt는 한 장치에서는 16px, 다른 장치에서는 20px일 수 있습니다. 예측 가능한 웹 타이포그래피를 위해 px/rem을 사용하십시오.

pt = 절대적인 물리적(1/72인치), px = 화면 픽셀(DPI에 따라 다름), dp = Android 밀도 독립적(160 DPI로 정규화됨). 인쇄에는 pt, 웹에는 px, Android에는 dp, iOS에는 논리적 pt를 사용하십시오. 각 시스템은 해당 플랫폼에 최적화되어 있습니다.

앱은 DPI 가정에 따라 포인트를 다르게 해석합니다. Word는 96 DPI를 사용하고, Photoshop의 기본값은 72 PPI이며, InDesign은 실제 장치 해상도를 사용합니다. 12pt는 인쇄 시 항상 1/6인치이지만, DPI 설정 때문에 화면에서는 크기가 다르게 보입니다.

TeX 포인트를 0.9963으로 곱하여 PostScript 포인트를 얻습니다(1 TeX pt = 1/72.27인치 대 PostScript 1/72인치). 차이는 미미하지만—단 0.37%—수학적 표기법에 정확한 간격이 중요한 학술 출판에는 중요합니다.

인쇄: 최소 300 DPI, 고품질은 600 DPI. 웹: 96 DPI로 디자인하고, 레티나용 @2x 자산을 제공하십시오. 모바일: 논리적 단위(pt/dp)로 @1x에서 디자인하고, @2x/@3x를 내보냅니다. 레거시 Mac 디스플레이를 대상으로 하지 않는 한 72 DPI로 디자인하지 마십시오.

브라우저의 기본 글꼴 크기는 16px(96 DPI에서 12pt에 해당)이며, 일반적인 시청 거리(18-24인치)에서 최적의 가독성을 위해 선택되었습니다. 그보다 작은 것은 특히 노인 사용자의 가독성을 떨어뜨립니다. 상대적인 크기 조정을 위해 항상 16px을 기준으로 사용하십시오.

유럽 전통 인쇄, 프랑스 출판사 또는 역사적 복제품으로 작업하는 경우에만 해당됩니다. 디도 포인트(0.376mm)는 PostScript 포인트보다 6.5% 더 큽니다. 현대 디지털 디자인은 보편적으로 PostScript 포인트를 사용합니다. 디도는 주로 고전적인 타이포그래피와 미술 서적에 관련이 있습니다.