TTF를 WOFF2로 변환하는 방법 — 단계별 가이드와 주의사항
TTF를 WOFF2로 변환하는 이유
TTF(트루타입 폰트)를 WOFF2(웹폰트 WOFF2)로 변환하면 웹사이트에서 사용할 수 있는 최적화된 폰트 형식을 얻게 됩니다. WOFF2는 TTF와 동일한 폰트 데이터를 담고 있지만 Brotli 압축을 적용하여 파일 크기가 통상 30-50% 더 작아지므로 페이지 로딩 속도가 빨라지고 대역폭 사용량이 줄어듭니다.
웹 개발자와 디자이너는 커스텀 폰트를 웹사이트에 적용할 때 WOFF2 형식을 선호합니다. 모던 브라우저(Chrome, Firefox, Safari, Edge)는 모두 WOFF2를 지원하며, CSS @font-face 규칙에서 이 형식을 우선적으로 로드하도록 권장됩니다. TTF 파일을 직접 웹에 올리면 불필요하게 큰 파일을 전송하게 되어 사용자 경험이 저하됩니다.
변환 시 유지되는 요소와 손실되는 요소
TTF에서 WOFF2로 변환은 무손실 과정입니다. 두 형식 모두 동일한 글리프(glyph) 윤곽선, 힌팅(hinting) 정보, 커닝(kerning) 데이터, 메타데이터를 포함합니다. WOFF2는 TTF의 모든 테이블(tables)을 압축하여 포장하는 컨테이너 형식이므로 원본 폰트의 시각적 품질과 기능이 그대로 유지됩니다.
변환 과정에서 글자 모양, 자간, 행간, 굵기, 이탤릭 스타일 등 모든 타이포그래피 속성이 보존됩니다. OpenType 기능(ligatures, alternates 등)도 그대로 전달됩니다. 압축은 가역적이므로 이론적으로는 WOFF2를 다시 TTF로 복원할 수도 있습니다.
유일한 차이점은 파일 구조와 크기입니다. WOFF2는 웹 전송을 위해 설계되었으므로 메타데이터 섹션이 추가될 수 있지만, 이는 렌더링에 영향을 주지 않습니다. 투명도(transparency) 개념은 폰트 형식에 적용되지 않으므로 걱정할 필요가 없습니다.
단계별 변환 방법
변환 도구를 선택할 때는 명령줄 유틸리티나 온라인 서비스를 사용할 수 있습니다. 대부분의 도구는 TTF 파일을 직접 WOFF2로 변환하는 경로를 지원합니다.
명령줄 도구 사용 woff2_compress 유틸리티는 Google이 제공하는 공식 도구입니다. 설치 후 터미널에서 다음 명령을 실행합니다:
woff2_compress input.ttf
이 명령은 같은 디렉토리에 input.woff2 파일을 생성합니다. 원본 TTF 파일은 그대로 유지됩니다.
온라인 변환 서비스 사용 웹 기반 변환 도구를 사용하면 소프트웨어 설치 없이 변환할 수 있습니다. 통상적인 절차는 다음과 같습니다:
- TTF 파일을 업로드합니다
- 출력 형식으로 WOFF2를 선택합니다
- 변환을 시작합니다
- 생성된 WOFF2 파일을 다운로드합니다
CSS에서 WOFF2 사용 변환된 파일을 웹사이트에 적용하려면 CSS @font-face 규칙을 작성합니다:
@font-face {
font-family: 'CustomFont';
src: url('font.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
자주 발생하는 문제와 주의사항
폰트 테이블 오류 일부 TTF 파일은 비표준 테이블이나 손상된 데이터를 포함할 수 있습니다. 변환 도구가 오류를 보고하면 먼저 원본 TTF 파일을 FontForge나 fonttools 같은 폰트 편집기로 열어 유효성을 검사해야 합니다. 손상된 테이블은 WOFF2 변환 전에 수정하거나 제거해야 합니다.
라이선스 확인 폰트 파일을 변환하기 전에 라이선스 조건을 반드시 확인해야 합니다. 일부 상업용 폰트는 웹폰트로의 변환이나 사용을 제한합니다. 라이선스 위반은 법적 문제를 일으킬 수 있으므로 주의가 필요합니다.
서브셋팅 고려 큰 CJK(한중일) 폰트를 변환할 때는 서브셋팅(subsetting)을 고려해야 합니다. 전체 한글 폰트는 수천 개의 글리프를 포함하므로 WOFF2로 압축해도 크기가 클 수 있습니다. 실제 사용하는 글자만 포함하도록 서브셋을 만들면 파일 크기를 더욱 줄일 수 있습니다.
브라우저 호환성 WOFF2는 Internet Explorer에서 지원되지 않습니다. IE 지원이 필요한 경우 WOFF나 TTF를 폴백(fallback)으로 함께 제공해야 합니다. CSS에서 여러 형식을 순서대로 나열하면 브라우저가 지원하는 형식을 자동으로 선택합니다.
변환하지 말아야 할 경우
데스크톱 애플리케이션에서 사용할 폰트는 TTF 형식 그대로 두는 것이 좋습니다. 운영체제의 폰트 관리 시스템은 TTF를 직접 인식하지만 WOFF2는 웹 전용 형식이므로 설치할 수 없습니다.
인쇄물 제작이나 그래픽 디자인 작업에도 원본 TTF를 사용해야 합니다. Adobe Creative Suite, Sketch, Figma 같은 디자인 도구는 시스템에 설치된 폰트를 사용하므로 WOFF2 파일을 직접 불러올 수 없는 경우가 많습니다.
폰트를 수정하거나 편집할 계획이 있다면 TTF 형식을 유지해야 합니다. WOFF2는 압축된 웹 배포용 형식이므로 폰트 편집기에서 열기 어렵거나 제한적입니다. 편집 작업은 TTF에서 완료한 후 최종 단계에서 WOFF2로 변환하는 것이 효율적입니다.
자주 묻는 질문
WOFF2로 변환하면 폰트 품질이 떨어지나요? 아닙니다. TTF에서 WOFF2로의 변환은 무손실 압축이므로 글자 모양과 렌더링 품질이 완전히 동일하게 유지됩니다. 파일 크기만 작아질 뿐입니다.
변환된 WOFF2 파일을 다시 TTF로 되돌릴 수 있나요? 이론적으로는 가능하지만 실무에서는 원본 TTF 파일을 보관하는 것이 권장됩니다. woff2_decompress 같은 도구로 압축을 해제할 수 있지만, 원본을 백업해두는 것이 더 안전합니다.
한 번에 여러 TTF 파일을 변환할 수 있나요? 명령줄 도구를 사용하면 스크립트로 일괄 변환이 가능합니다. 온라인 서비스 중에도 여러 파일을 동시에 처리하는 기능을 제공하는 경우가 있습니다.
마치며
TTF에서 WOFF2로 변환하면 웹 성능 최적화에 큰 도움이 됩니다. 변환 과정은 간단하지만 라이선스 확인과 파일 유효성 검사를 거쳐야 합니다. 폰트 테이블 오류나 비표준 데이터가 있다면 변환 전에 수정해야 하며, 데스크톱 사용이나 편집 작업에는 원본 TTF를 유지하는 것이 좋습니다. 웹사이트에 커스텀 폰트를 적용할 때는 https://omnidesk.win/ko/convert/ttf-to-woff2/에서 변환을 시작할 수 있습니다.