소개:: TTF WOFF2 변환기
TTF WOFF2 변환기는 데스크톱용 TrueType 폰트를 모든 최신 브라우저가 선호하는 웹폰트 형식인 WOFF2로 바꿔 줍니다. WOFF2는 Brotli 압축과 전용 글리프 변환을 사용하므로, 일반적인 TTF 파일이 글자 하나 잃지 않고 50–70% 작아집니다. 폰트가 가벼울수록 빨리 불러오고 글자가 일찍 보이며, LCP 등 Core Web Vitals 점수도 좋아집니다.
파일 하나나 폰트 패밀리 전체를 끌어다 놓으면, 굵기·스타일·font-display: swap이 이미 들어간 @font-face 규칙과 함께 WOFF2 파일을 만들어 줍니다. 폰트를 스타일시트 옆에 올리고 CSS를 붙여넣으면 외부 서버에서 폰트를 불러올 필요가 없습니다. 모든 처리는 Google 공식 WOFF2 인코더로 브라우저에서 이루어지며 폰트는 업로드되지 않습니다.
내 사이트에서 글꼴을 제대로 호스팅하기
글꼴을 다른 서비스에서 불러오지 않고 내 사이트에 두면 페이지가 빨라지고, 방문 데이터를 제3자에게 보내지 않아도 됩니다.
단계
- 실제로 쓰는 굵기의 TTF만 추가하세요. 굵기 하나마다 로딩 시간이 늘어나니 쓰지 않는 건 빼세요.
- WOFF2 파일을 내려받아 사이트에 올리세요.
@font-face규칙을 복사하세요. 규칙에는font-display: swap이 들어 있어서 웹 글꼴을 불러오는 동안 대체 글꼴로 글자가 바로 보입니다.
예시
body { font-family: "MyFont", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }일반적인 영문 TTF는 150–250 KB이고 WOFF2로 바꾸면 약 60–100 KB가 됩니다. 한글 글꼴은 완성형 글자 수천 자를 담고 있어 보통 몇 MB이고, WOFF2로 바꿔도 큽니다. 사이트에서는 한글 글꼴을 꼭 필요한 만큼만 쓰거나, 맑은 고딕과 애플 SD 산돌고딕 Neo 같은 시스템 글꼴을 쓰는 게 좋습니다.
사용 방법
- TTF 파일을 업로드 영역에 끌어다 놓거나 클릭해서 고르세요.
- 각 폰트가 WOFF2로 압축될 때까지 1초쯤 기다리세요.
- WOFF2 파일을 하나씩 또는 모두 ZIP으로 받으세요.
- @font-face CSS를 복사해 스타일시트에 추가하세요.
자주 묻는 질문
WOFF2는 TTF보다 얼마나 작나요?
폰트에 따라 다르지만 보통 50–70% 작습니다. 150KB짜리 TTF는 WOFF2로 바꾸면 대개 45–70KB가 됩니다.
모든 브라우저가 WOFF2를 지원하나요?
네. Chrome, Edge, Firefox, Safari와 각 모바일 버전 모두 WOFF2를 지원하므로 WOFF2 하나만 제공해도 됩니다.
WOFF2로 바꾸면 품질이 떨어지나요?
아니요. 무손실 압축이라 TTF의 글리프, 커닝 쌍, OpenType 기능이 모두 유지됩니다.
