웹폰트 변환·
TTF·OTF 글꼴을 웹사이트용 WOFF2·WOFF로 바꾸고, 한글 2,350자나 원하는 글자만 남겨 용량을 줄입니다. WOFF·WOFF2를 다시 TTF·OTF로 되돌리고 @font-face CSS도 복사할 수 있어요.
내 기기 안에서만 처리돼요. 서버로 전송하지 않아요.
관련 도구
자주 묻는 질문
WOFF2와 WOFF는 무엇이 다른가요?
둘 다 웹용으로 압축한 글꼴 형식입니다. WOFF2는 Brotli 압축을 써서 WOFF보다 30% 안팎 더 작고, 요즘 쓰는 브라우저는 모두 읽습니다. WOFF는 아주 오래된 브라우저까지 지원해야 할 때 씁니다.
왜 한글 2,350자인가요?
KS X 1001 완성형 한글 2,350자는 일상 글에 쓰는 글자 대부분을 담고 있어, 한글 웹폰트를 가볍게 만들 때 흔히 쓰는 기준입니다. 현대 한글 음절 11,172자 전체보다 훨씬 작아 용량이 크게 줄어듭니다.
OTF를 TTF로 바꿔 주나요?
아니요. 이 도구는 글꼴을 담는 형식(컨테이너)만 바꾸고 글자 모양을 그리는 방식(TrueType·CFF 아웃라인)은 그대로 둡니다. 그래서 OTF(CFF) 글꼴을 되돌리면 OTF로 저장됩니다.
가변 글꼴도 되나요?
됩니다. 가변 글꼴은 굵기 축을 그대로 유지하고, CSS 예시의 font-weight에 굵기 범위(예: 45 920)를 적어 드립니다.
글꼴 파일이 서버로 올라가나요?
아니요. 글꼴 읽기, 글자 줄이기(HarfBuzz), WOFF·WOFF2 변환이 모두 브라우저 안의 Web Worker에서 이루어져 파일이 기기 밖으로 나가지 않습니다.
웹폰트 변환·경량화, 어떤 도구인가요?
TTF·OTF 글꼴을 웹사이트에 쓰는 WOFF2·WOFF로 바꾸고, 필요한 글자만 남겨 용량을 줄입니다. 한글 글꼴은 글자가 많아 파일이 수 MB에 이르는데, 자주 쓰는 KS X 1001 완성형 한글 2,350자와 영문·숫자·기호만 남기면 크게 가벼워집니다. 예를 들어 Pretendard Regular TTF(약 2.6MB)는 WOFF2로만 바꿔도 약 750KB, 2,350자로 줄이면 약 160KB가 됩니다. 반대로 WOFF·WOFF2를 TTF·OTF로 되돌릴 수 있고, 결과에 맞는 @font-face CSS 예시도 복사할 수 있습니다. 글꼴 파일은 서버로 전송되지 않습니다.
이럴 때 쓰세요
홈페이지 한글 웹폰트 가볍게
무료 한글 글꼴 TTF를 2,350자 WOFF2로 줄여 올리면 첫 화면이 뜨는 속도가 빨라지고 데이터 사용량도 줄어요.
로고·제목 전용 글꼴
제목에만 쓰는 장식 글꼴은 '직접 입력한 글자만'에 실제 쓸 글자만 넣어 몇 KB짜리 파일로 만들어요.
WOFF2를 컴퓨터에 설치하기
웹에서 받은 WOFF·WOFF2 글꼴을 TTF·OTF로 되돌려 디자인 프로그램에서 시안을 만들어요(라이선스가 허락하는 경우).
사용 방법
글꼴 파일 올리기
TTF·OTF·WOFF·WOFF2 파일 1개를 올리면 글꼴 이름(한국어 이름이 있으면 함께), 스타일, 굵기, 글리프 수, 용량을 보여 줍니다.
- 글꼴에 임베딩 제한이나 서브셋 금지 표시가 있으면 경고가 나오고, 글꼴에 적힌 라이선스 문구와 주소도 함께 보여 줘요.
- 글꼴 모음(TTC·OTC)은 지원하지 않아요.
저장 형식과 글자 줄이기 고르기
WOFF2(권장)·WOFF·TTF(OTF) 중 저장 형식을 고르고, 글자 줄이기에서 '줄이지 않음', '한글 2,350자 + 영문·숫자·기호', '영문·숫자만', '직접 입력한 글자만' 중 하나를 고릅니다.
- TTF·OTF 저장은 원래 아웃라인을 그대로 둬요. TrueType 글꼴은 TTF로, CFF 글꼴은 OTF로 저장돼요.
- 글자를 줄여도 합자·커닝 같은 글자 배치 정보(GSUB·GPOS·GDEF)는 남겨요.
- '영문·숫자만'은 띄어쓰기와 문장부호를 포함한 ASCII 95자예요.
변환하고 CSS 복사하기
변환 버튼을 누르면 원본과 결과의 용량·글리프 수, 줄어든 비율이 나옵니다. 파일을 저장하고 @font-face CSS 예시를 복사해 사이트에 붙여 넣습니다.
- CSS의 font-family에는 글꼴 안에 적힌 영문 이름이, font-weight에는 글꼴의 굵기(가변 글꼴은 범위)가 들어가요.
- url() 경로는 글꼴 파일을 올린 위치에 맞게 고쳐 주세요.
자주 나는 문제와 해결
- 줄인 글꼴에서 일부 한글이 다른 글꼴로 보여요
- KS X 1001 2,350자에는 '똠'·'쌰'·'뷁'처럼 드물게 쓰는 글자가 없어요. 빠진 글자는 브라우저가 다른 글꼴로 대신 그려요. 그런 글자가 필요하면 '줄이지 않음'으로 변환하거나 '직접 입력한 글자만'에 쓸 글자를 모두 넣으세요.
- WOFF2 변환이 오래 걸려요
- WOFF2는 압축률이 높은 대신 시간이 걸려요. 한글 글꼴을 줄이지 않고 통째로 바꾸면 30초~1분쯤 걸릴 수 있으니 진행 막대가 멈춘 것처럼 보여도 기다려 주세요. 글자를 줄이면 훨씬 빨라져요.
- '글꼴 파일이 아니에요'라고 나와요
- 확장자만 .ttf로 바뀐 다른 파일이거나 내려받다 깨진 파일일 수 있어요. 글꼴을 배포처에서 다시 받아 올려 주세요. ZIP으로 묶인 글꼴은 먼저 압축을 풀어야 해요.
- 변환은 됐는데 웹페이지에 글꼴이 적용되지 않아요
- CSS의 url() 경로가 실제 파일 위치와 맞는지, font-family 이름을 본문 CSS에도 똑같이 적었는지 확인하세요. 다른 도메인에 글꼴을 올렸다면 그 서버에서 CORS(Access-Control-Allow-Origin)를 허용해야 해요.
주의사항
- 웹폰트 변환과 서브셋(글자 줄이기)은 글꼴 라이선스가 허락할 때만 하세요. 상용 글꼴은 웹 게시나 파일 변형을 따로 막거나 별도 웹폰트 라이선스를 요구하는 경우가 많습니다.
- SIL 오픈 폰트 라이선스(OFL) 글꼴은 대부분 변환·서브셋을 허용하지만, 일부 글꼴은 고친 파일에 원래 글꼴 이름(예약 이름)을 그대로 쓰지 못하게 하니 라이선스 문서를 확인하세요.
- WOFF2로 바꾸면 글꼴의 전자 서명(DSIG) 정보는 빠집니다. 웹에서 쓰는 데에는 영향이 없습니다.