2026 폰트 포맷 가이드: TTF, OTF, WOFF, WOFF2 그리고 가변 폰트

폰트 파일에는 TTF, OTF, WOFF, WOFF2 등 여러 형식이 있습니다. 컴퓨터에 설치해 문서나 인쇄물을 만드는지, 웹사이트에서 글자를 보여 주는지에 따라 적합한 형식이 달라집니다. 웹에서는 어떤 형식을 쓰느냐가 글자가 표시되는 속도에도 영향을 줍니다. 이 가이드에서는 각 형식의 차이와 용도에 맞는 선택 기준을 쉽게 정리합니다. 파일 형식과 별개로, 구매한 폰트를 원하는 용도로 사용할 수 있는지 라이선스에서 확인할 내용도 함께 살펴봅니다.

2026년, 웹에는 어떤 폰트 포맷을 써야 할까요?

웹사이트에는 WOFF2를 사용하면 됩니다. WOFF2를 지원하지 않는 구형 브라우저까지 고려해야 할 때만 WOFF를 대체 파일로 추가하세요. 이를 폴백(fallback)이라고 합니다. 사용할 형식을 정했다면, 해당 폰트를 웹사이트에 올려도 되는지 라이선스도 확인하세요.

아래에서는 먼저 TTF, OTF, WOFF, WOFF2의 차이를 알아봅니다. 이어서 가변 폰트의 특징, 웹사이트 로딩 속도를 높이는 방법, 사용 전에 확인할 라이선스 조건을 살펴봅니다.

한눈에 보는 포맷 선택 기준

이 표는 용도에 맞는 파일 형식을 고르는 기준입니다. 실제 사용이 허용되는지는 별도로 라이선스를 확인해야 합니다. 자세한 내용은 아래 “파일 형식과 사용 권한은 별개입니다” 항목을 참고하세요.

폰트 파일 포맷 이해하기

폰트 파일에는 글자 모양, 글자 폭과 간격, 글자 표현에 필요한 기능이 들어 있습니다. TTF와 OTF는 주로 컴퓨터에 설치해서 쓰고, WOFF와 WOFF2는 웹사이트에서 빠르게 불러올 수 있도록 압축한 형식입니다. 가변 폰트는 하나의 파일에서 굵기나 너비 등을 조절하는 기능을 말하며, TTF나 WOFF2 같은 형식으로 저장할 수 있습니다.

문서나 인쇄물을 만들 때는 TTF와 OTF를, 웹사이트를 만들 때는 WOFF2를 먼저 살펴보면 됩니다.

데스크톱 폰트: TTF와 OTF의 진짜 차이

오늘날 대부분의 TTF와 OTF는 오픈타입 (OpenType)이라는 공통 구조를 사용합니다. 주된 차이는 글자 모양의 테두리, 즉 외곽선을 파일 안에 저장하는 방식입니다. 아래 표의 곡선 이름은 이 저장 방식을 구분하는 기술 용어입니다.

다만 확장자만으로 내부 구조를 완전히 구분할 수는 없습니다. TrueType 방식의 외곽선은 .ttf와 .otf 파일 모두에 담길 수 있습니다. CFF나 CFF2 방식의 외곽선은 .otf 파일에 담깁니다.

파일 이름 끝의 .ttf를 .otf로 바꿔도 글자 모양이나 기능은 바뀌지 않습니다. 사용할 수 있는 범위도 그대로입니다. 필요한 기능은 확장자보다 폰트의 제품 설명과 실제 사용하는 프로그램에서 확인하는 편이 좋습니다.

TrueType 폰트 (TTF)

트루타입 (TrueType)은 애플 (Apple)이 개발하고 마이크로소프트 (Microsoft)가 채택하면서 널리 쓰이게 된 폰트 기술입니다. 글자 모양을 곡선으로 저장하며, 작은 글자가 화면에서 또렷하게 보이도록 돕는 힌팅(hinting) 정보를 담을 수 있습니다.

TTF는 문서 작성과 편집, 디자인 등 다양한 프로그램에서 쓰입니다. OpenType 구조로 만든 TTF는 여러 글자를 하나로 연결하는 합자, 같은 글자의 다른 모양인 대체 글자, 다국어 문자 등을 지원할 수 있습니다. TTF라고 해서 OTF보다 기능이 적은 것은 아닙니다.

OpenType 폰트 (OTF)

OTF는 보통 CFF 또는 CFF2라는 방식으로 글자 외곽선을 저장합니다. TTF와는 곡선을 표현하는 방식이 다르지만, 이 차이만으로 어느 쪽이 더 선명하거나 품질이 좋다고 말할 수는 없습니다. 실제 품질은 폰트를 어떻게 제작했는지에 달려 있습니다.

OTF도 다국어 문자, 합자, 대체 글자 등 다양한 기능을 담을 수 있습니다. 브랜딩과 출판 작업에도 쓰이지만, 이런 기능이 OTF에만 있는 것은 아닙니다. 필요한 기능이 해당 폰트에 포함되어 있는지 확인하는 것이 중요합니다.

TTF와 OTF 기능 비교

두 형식은 아래 기능을 모두 담을 수 있습니다. 다만 모든 폰트에 모든 기능이 들어 있는 것은 아니며, 사용하는 프로그램에서도 해당 기능을 지원해야 합니다.

같은 서체의 여러 버전이 제공될 때는 폰트 공급사가 권장하는 버전을 사용하고, 필요한 애플리케이션에서 정상적으로 동작하는지 확인하세요.

웹 폰트 포맷: WOFF와 WOFF2

웹 폰트는 방문자가 페이지를 열 때 내려받는 파일입니다. 그래서 용량이 작을수록 빠르게 불러오는 데 유리합니다. WOFF와 WOFF2는 기존 폰트 데이터를 웹에서 쓰기 좋게 압축한 형식이며, WOFF2는 보통 WOFF보다 파일 크기가 작습니다.

WOFF와 WOFF2로 압축해도 글자 모양을 저장하는 기본 방식은 바뀌지 않습니다. 웹사이트에는 WOFF2를 사용하고, 필요한 경우에만 구형 브라우저용 WOFF를 함께 준비하면 됩니다.

• 파일 크기: 같은 폰트라면 일반적으로 WOFF2가 WOFF보다 작아 더 빠르게 내려받을 수 있습니다.
• 브라우저 지원: 주요 최신 브라우저는 WOFF2를 지원합니다. 구형 브라우저를 지원해야 한다면 WOFF가 필요한지 확인하세요.
• 글자 모양: WOFF와 WOFF2는 기존 폰트 데이터를 압축해 담습니다. 압축 형식이 달라져도 외곽선의 종류는 바뀌지 않습니다.
• 사용 권한: WOFF2 파일을 가지고 있다고 해서 웹에서 자유롭게 쓸 수 있는 것은 아닙니다. 웹 사용을 허용하는 라이선스가 필요합니다.

TTF, OTF, WOFF, WOFF2 한눈에 비교

지원 기능은 확장자보다 개별 폰트의 제작 내용에 따라 달라집니다. 파일 크기도 포함된 글자 수와 스타일 등에 따라 달라지므로 표는 일반적인 경향으로 참고하세요. 웹 사용 권한은 라이선스에서 별도로 확인해야 합니다.

파일 형식과 사용 권한은 별개입니다

파일 형식은 폰트가 어떻게 저장되어 있는지를 알려 줍니다. 라이선스는 그 폰트를 어디에, 어떤 조건으로 사용할 수 있는지를 정합니다. 따라서 확장자만 보고 사용 권한을 판단하면 안 됩니다.

• WOFF2 파일이라도 웹 사용을 허용하는 라이선스가 있어야 사이트에 올릴 수 있습니다.
• 컴퓨터에 설치해서 사용할 수 있는 TTF나 OTF라도, 웹사이트에 올리는 것까지 허용된다고 볼 수는 없습니다.
• 문서 제작, 웹사이트, 앱 중 어디에 쓸지 정한 뒤, 라이선스가 그 용도를 허용하는지 확인하세요.

이 폰트를 어디에 쓸 것인지, 라이선스가 그 사용을 허용하는지 확인하세요.

포맷별 권장 사용 사례

폰트를 사용하기 전에 라이선스가 해당 용도를 포함하는지 확인하세요. 데스크톱용 사용 권한이 웹사이트나 앱 사용까지 자동으로 포함하는 것은 아닙니다.

폰트 파일은 실제로 어디에서 제공되고 있나요?

웹 폰트를 내 서버에 올릴지, 외부 서비스에서 불러올지도 확인해야 합니다. 같은 WOFF2 파일이라도 라이선스에 따라 허용되는 제공 방식이 다를 수 있습니다. 모노타입 폰트 (Monotype Fonts) 같은 서비스를 이용하거나 외부 서버에 파일을 올리기 전에 해당 방식을 허용하는지 살펴보세요.

웹 폰트 성능과 최적화

방문자가 글자를 빠르게 볼 수 있도록 폰트 용량과 불러오는 방식을 점검하세요.

• 필요한 글자만 남기기: 폰트에서 쓰지 않는 글자를 덜어 내면 파일 크기를 줄일 수 있습니다. 이를 서브셋(subset)이라고 합니다. 먼저 라이선스가 이런 수정을 허용하는지 확인하세요.
• 첫 화면에 필요한 폰트 먼저 불러오기: 미리 불러오기인 프리로드(preload)는 첫 화면에서 실제로 쓰는 폰트에만 적용하세요. 불필요한 폰트까지 미리 받으면 다른 콘텐츠가 늦게 표시될 수 있습니다.
• 로딩 중에도 글자 보여 주기: font-display: swap을 설정하면 웹 폰트를 받는 동안 대체 폰트로 글자를 먼저 보여 줍니다.
• 파일 형식 정하기: WOFF2를 기본으로 쓰고, 구형 브라우저 지원이 필요할 때만 WOFF를 추가하세요.
• 외부 서버 설정 확인하기: 폰트를 다른 서버에서 불러온다면, 내 사이트에서 파일을 읽을 수 있도록 서버의 접근 허용 설정(CORS)을 확인하세요. Access-Control-Allow-Origin은 파일을 읽을 수 있는 사이트를 지정하는 설정입니다. 라이선스 조건에 맞게 제공 범위를 정하세요.

브라우저 및 플랫폼 호환성

• WOFF2: 현재 주요 브라우저(크롬, 사파리, 파이어폭스, 엣지) 전부에서 지원됩니다.
• WOFF: 구형 브라우저 버전을 포함해 폭넓게 지원됩니다.
• TTF/OTF: 데스크톱 설치에 적합하며, 웹에 직접 삽입하는 용도로는 일반적으로 쓰이지 않습니다.
• 사용 중단된 포맷: EOT와 SVG 폰트는 현재 브라우저를 지원하는 데 더 이상 필요하지 않습니다.

가변 폰트: 한 파일로 굵기와 너비 조절하기

가변 폰트는 하나의 파일로 글자의 굵기나 너비 등을 조절할 수 있는 폰트입니다. 예를 들어 얇은 글씨와 굵은 글씨를 각각 다른 파일로 준비하는 대신, 한 파일에서 원하는 굵기를 선택할 수 있습니다. 별도의 확장자가 있는 것은 아니며, 컴퓨터 설치용은 TTF나 OTF, 웹용은 주로 WOFF2로 제공합니다.

가변 폰트에서 조절할 수 있는 항목

이렇게 조절할 수 있는 항목을 “축”이라고 합니다. 어떤 축을 얼마나 조절할 수 있는지는 폰트마다 다릅니다. 디자이너가 별도로 만든 조절 항목이 들어 있기도 합니다.

장점

• 글자 굵기와 너비 등을 디자인에 맞춰 세밀하게 조절할 수 있습니다.
• 보통 굵기와 굵은 글씨 사이처럼, 정해진 스타일의 중간 굵기도 선택할 수 있습니다.
• 여러 스타일을 각각 다른 파일로 준비하지 않고 한 파일로 제공할 수 있습니다.
• 화면 크기에 맞춰 글자 형태를 조절하거나 변화하는 효과를 만들 수 있습니다.

한계

• 한두 가지 굵기만 쓴다면, 굵기가 고정된 일반 폰트(스태틱 폰트)가 더 작을 수 있습니다. 실제로 필요한 파일들의 용량을 비교하세요.
• 프로그램이나 브라우저에 따라 일부 조절 기능을 사용하지 못할 수 있습니다.
• 조절할 수 있는 값이 많으므로, 사용할 굵기와 너비의 기준을 정해야 디자인을 일관되게 유지할 수 있습니다.
• 가변 폰트도 웹, 데스크톱, 앱 등 사용 용도에 맞는 라이선스가 필요합니다.

폰트 변환과 구현 시 주의할 점

컴퓨터에 설치해서 쓰던 TTF나 OTF를 WOFF2로 변환해도 웹 사용 권한이 생기지는 않습니다. 파일 형식만 바뀌기 때문입니다. 변환 전에 라이선스가 파일 수정과 웹 사용을 허용하는지 확인해야 합니다.

웹사이트용 폰트가 필요하다면, 폰트 공급사에서 웹 사용을 허용하는 라이선스와 웹용 파일을 함께 받는 것이 좋습니다. 모노타입 폰트나 폰트 제작사가 제공하는 웹용 파일을 확인해 보세요.

직접 변환하려면 계약에서 파일 수정과 웹사이트 사용을 모두 허용하는지 확인하세요. 조건이 불분명하면 공급사에 문의하고 웹용 파일을 요청하세요.

• 폰트 공급사가 제공하는 웹용 파일을 사용하고, 직접 변환할 때는 먼저 허용 여부를 확인하세요.
• 폰트 이름과 굵기를 알아보기 쉽도록 파일 이름을 일관되게 정하세요.
• 설치용 파일과 웹용 파일을 구분해 보관하고, 각각의 라이선스를 함께 기록하세요.
• 공개 전에 글자가 표시되는 속도와 폰트를 불러오지 못했을 때의 대체 글꼴을 확인하세요.

과거에 쓰던 폰트 형식

EOT와 SVG 폰트는 과거의 웹 환경에서 쓰던 형식입니다. 최신 브라우저를 위한 사이트라면 WOFF2를 사용하고, 구형 브라우저 지원이 필요한 경우에만 WOFF를 추가로 검토하세요.

핵심 정리

컴퓨터에 설치해서 쓸 때는 공급사가 권장하는 TTF나 OTF를, 웹사이트에는 WOFF2를 선택하세요. 여러 굵기나 너비가 필요하다면 가변 폰트도 비교해 보세요. 마지막으로 파일을 어디서 받았는지, 어디에 올려 사용할지, 라이선스가 그 사용을 허용하는지 확인하면 됩니다.

자주 묻는 질문