TTF OTF WOFF WOFF2 차이(폰트 파일 형식, 웹폰트, 선택 방법)

TTF OTF WOFF WOFF2 차이는 크게 ‘컴퓨터에 설치해 쓰는 폰트’와 ‘웹에서 빠르게 내려받아 쓰는 폰트’의 차이로 이해하면 쉽다. TTF와 OTF는 운영체제나 디자인 프로그램에 설치해 사용하는 일반 폰트 파일이고, WOFF와 WOFF2는 웹페이지에서 폰트를 전송하기 좋게 압축한 웹폰트 형식이다. 웹사이트 제작이라면 보통 WOFF2를 우선하고, 포토샵·한글·일러스트레이터 같은 프로그램에서 직접 사용하려면 TTF나 OTF를 고르면 된다. 다만 파일 확장자만 보고 폰트 기능의 우열을 단정해서는 안 된다.

 

TTF OTF WOFF WOFF2 차이는 무엇일까?

TTF는 TrueType Font, OTF는 OpenType Font, WOFF는 Web Open Font Format의 약자다. WOFF2는 WOFF의 두 번째 버전으로 웹 전송 효율을 더 높인 형식이다.

 

형식	주요 용도	특징
TTF	PC·Mac 설치, 문서·디자인	TrueType 계열에서 널리 쓰이는 범용 폰트 형식
OTF	PC·Mac 설치, 출판·디자인	OpenType 형식으로 다양한 글꼴 정보를 담을 수 있음
WOFF	웹사이트	TrueType·OpenType 폰트 데이터를 웹용으로 압축
WOFF2	웹사이트	WOFF보다 압축 효율이 좋아 웹폰트에 주로 사용

 

W3C CSS Fonts 규격에서도 TTF와 OTF는 OpenType·TrueType 계열로 다루고, WOFF와 WOFF2는 웹폰트 형식으로 구분한다. 특히 실제 사용에서는 .ttf 파일도 OpenType 레이아웃 정보를 포함할 수 있어 “TTF는 구형, OTF는 무조건 신형”처럼 단순하게 나누는 것은 정확하지 않다.

 

현재 웹 표준의 폰트 형식 분류는 W3C CSS Fonts Module 바로가기에서 확인할 수 있다.

웹폰트라면 왜 WOFF2를 많이 쓸까?

WOFF와 WOFF2는 원래 폰트의 글꼴 정보를 유지하면서 웹에서 전송하기 좋은 형태로 압축한다. 사용자가 웹사이트에 들어왔을 때 폰트를 매번 내려받아야 하므로 파일 크기가 작을수록 페이지 로딩에 유리하다.

 

• WOFF는 기존 TrueType·OpenType 데이터를 압축해 담는 웹폰트 형식이다.
• WOFF2는 폰트 구조에 맞춘 전처리와 Brotli 압축을 사용한다.
• W3C 자료에서는 WOFF2가 테스트한 모든 폰트에서 WOFF보다 작았다고 설명한다.
• 현대 주요 브라우저는 WOFF2를 폭넓게 지원한다.
• 오래된 브라우저까지 지원해야 한다면 WOFF를 보조 형식으로 둘 수 있다.

 

예를 들어 CSS의 @font-face에서 WOFF2 파일을 먼저 지정하고 필요하면 WOFF를 뒤에 적는 방식으로 사용할 수 있다. 반면 TTF나 OTF를 그대로 웹에서 제공할 수도 있지만 파일 용량과 배포 목적을 고려하면 웹폰트용으로는 WOFF2가 일반적으로 더 적합하다.

 

한글 폰트는 영문 폰트보다 글자 수가 많아 파일이 커지기 쉬운 편이다. 그래서 실제 웹 제작에서는 WOFF2 변환뿐 아니라 사용하지 않는 글자를 줄이는 서브셋 작업을 함께 적용하기도 한다.

내가 쓸 때는 어떤 파일을 고르면 될까?

문서 작성이나 디자인 프로그램에서 사용할 목적이면 배포처가 제공하는 TTF 또는 OTF 중 원하는 버전을 설치하면 된다. 웹사이트에서 방문자에게 자동으로 보여줄 목적이면 WOFF2를 우선하는 것이 가장 간단하다.

 

1. 한글·워드·포토샵 등에 설치할 폰트라면 TTF 또는 OTF를 고른다.
2. 웹사이트의 @font-face용이라면 WOFF2를 우선한다.
3. 구형 브라우저 지원이 필요하면 WOFF를 함께 제공할 수 있다.
4. 폰트 제작사에서 특정 형식을 권장하면 그 안내를 우선한다.
5. 파일을 변환하기 전 웹 임베딩이 허용된 라이선스인지 확인한다.

 

특히 라이선스는 파일 형식과 별개의 문제다. 구매한 TTF나 OTF 파일을 WOFF2로 변환할 수 있다고 해서 자동으로 웹사이트에 배포할 권리가 생기는 것은 아니다. 상업용 홈페이지나 앱에 넣을 예정이라면 웹폰트 사용, 변환, 재배포가 허용되는지 라이선스를 먼저 확인해야 한다.

 

또 OTF가 항상 TTF보다 화질이 좋거나 기능이 많은 것은 아니다. 실제 화면 품질은 글꼴 설계, 힌팅, 운영체제와 렌더링 엔진 등에 영향을 받으며, OpenType 기능도 TTF 확장자를 가진 현대 폰트에 포함될 수 있다.

마치면서

TTF OTF WOFF WOFF2 차이는 TTF·OTF는 설치와 제작에 주로 쓰이고, WOFF·WOFF2는 웹 전송에 최적화된 형식이라는 점이 가장 중요하다. 일반 PC 프로그램에서는 TTF나 OTF, 웹사이트에서는 WOFF2를 우선하면 선택하기 쉽다. 파일 확장자만으로 품질을 판단하지 말고 용도와 브라우저 지원, 라이선스를 함께 확인하는 것이 좋다.

 

[안내드립니다] 폰트의 기능과 사용 가능 범위는 개별 글꼴의 제작 방식과 라이선스에 따라 달라질 수 있습니다. 변환·웹 임베딩·상업적 사용 전에는 반드시 해당 폰트 제작사 또는 배포처의 이용조건을 확인하시기 바랍니다.