TTF vs OTF 폰트 파일 차이점

폰트 설치 파일의 확장자는 ttf와 otf가 있습니다. ttf는 True Type Font의 약자로 1980년대에 Apple과 Microsoft가 공동 개발했습니다. Mac과 Windows에서 모두 작동하고, 대부분의 프린트에서 해독할 수 있는 글꼴을 만드는 것이 개발 목적이었습니다. otf는 Open Type Font의 약자로 동일하게 Apple과 Microsoft에서 공동개발을 하다가 나중에 Adobe와 협력하여 개발을 완성시켰습니다. ttf의 뒤를 이어 더 발전된 기능과 형태의 글꼴을 만드는 것이 목적이었습니다.

 

디자인의 정밀도 및 유연성

• TTF는 2차 베지어 곡선을 사용하여 상대적으로 단순한 곡선을 표현합니다. 단순한 곡선으로 인해 디자인의 섬세함이나 유연성이 비교적 제한적입니다.
• OTF는 3차 베지어 곡선을 사용하여 더 정교하고 복잡한 곡선 표현이 가능합니다. 더 섬세하고 복잡한 글자 모양을 디자인할 수 있어서 타이포그래피 전문가들이 선호합니다. 

TTF, OTF 베지어 곡선 차이

 

 

파일 크기

• OTF보다 TTF의 파일 크기가 더 적습니다. 웹에서 로딩 속도에 영향을 줄 수 있습니다.

 

렌더링 품질 

• 고해상도 출력에서는 OTF의 3차 베지어 곡선이 더 부드럽고 정확한 형태를 유지합니다. 
• 저해상도 화면에서는 TTF의 단순한 곡선이 더 선명하게 보일 수 있습니다. 
• TTF, OTF 파일은 글꼴의 크기가 작아졌을 때 왜곡현상이 일어납니다. 이 왜곡을 보정하는 것을 '힌팅(Hinting)'이라고 합니다. 폰트를 렌더링할 때 어떻게 보정할지 Hint를 준다는 의미입니다. OTF보다 TTF에서 더 정교한 힌팅을 지원합니다. 따라서 작은 사이즈의 글꼴 또는 저해상도 화면에서 TTF가 더 선명하게 보입니다.

힌팅이 되지 않는 비트맵 폰트

최초의 힌팅 지원 한글 폰트 (맑은 고딕체)

 

OTF의 옵션

OTF는 TTF보다 더 많은 기능을 제공합니다. TTF는 알파벳, 숫자, 구두점과 같은 일반적인 문자만 지원합니다. 반면에 OTF는 최대 65,000자를 저장할 수 있는 형식을 가지고 있습니다. 어떤 기능들이 있는지 살펴보겠습니다.

1. 합자

Ligature(합자) 기능을 제공합니다. '합자'는 두 문자를 하나의 모양으로 결합하는 것입니다. 그 예로 프랑스어에서 "œ"는 "oe"의 합자입니다. 

합자를 통해 글자 두개가 합쳐진다

---

2. 글리프

Glyphs(글리프) 기능을 제공합니다. 글리프는 문자의 모양이나 형태를 나타내는 그래픽 기호입니다. 

포토샵에서 Glyphs 선택 화면

---

3. Small Caps

Small Caps를 제공합니다. 'Small Caps'는 대문자의 형태를 유지하되 몸통 부분의 크기만큼 제작된 형태입니다. 작은 대문자라고도 불립니다.

Small Caps에 따라 달라지는 글자 크기

---

4. 대체문자 

Alternate Characters(대체문자)를 제공합니다. 몇 가지의 글자(글리프를 포함)의 다른 디자인을 제공하는 것입니다. 

글자별 대체문자

---

5. 올드 스타일

Old-style Figure(올드스타일 그림)를 제공합니다. 

Old Style 적용 예시 (숫자의 크기와 배열을 확인해보자)

---

이 기능들은 글꼴마다 다릅니다. 예를 들어 올드 스타일 기능을 제공하지 않는 폰트도 있습니다.

 

TTF VS OTF 차이점 요약

비교항목	TTF	OTF
Format	True Type Font	Open Type Font
디자인 정밀도	2차 베지어 곡선	3차 베지어 곡선 (더욱 정교하고 복잡한 곡선)  → 더 섬세하게 글자를 디자인 할 수 있음
파일 크기	비교적 작음	대체로 용량이 큼
용도	저해상도, 문서 등 일반적인 작업물, 웹디자인 등	타이포그래피, 고해상도 디자인
힌팅	정교한 힌팅 지원	단순한 힌팅 지원