폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기

Pingdom으로 블로그 품질을 검사하다 로딩되는 페이지 용량에서 폰트가 무려 4MB나 차지하는 것을 알게 됐습니다. 그 이유는 블로그에 사용 중인 폰트의 TTF파일에 한글, 영어, 특수문자 외 필요 없는 여러 언어의 글리프(글자)가 포함되 있는 것과 압축율이 떨어지는 TTF 확장자를 사용해서였습니다. 이 포스팅에서는 폰트 경량화(용량 감소)와 WOFF2 파일로 변환하는 방법을 정리했습니다.




폰트의 용량이 너무 큰 문제

폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기




필요 없는 글리프 제거

1. 글리프(글자)를 제거해 주는 프로그램인 “サブセットフォントメーカー“를 설치해 주세요.


2. [1]은 변환할 TTF 파일이 있는 위치, [2]는 글리프가 제거된 파일이 저장되는 위치, [3]은 폰트에 남겨둘 글리프 지정(한/영/특수문자)(필수 한글 2350자 + 영어 + 특수문자), [4]는 글리프가 제거된 파일을 저장합니다.

폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기



3. 글리프 제거 결과 용량이 1/10로 감소한 것을 볼 수 있습니다.

폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기




TTF 파일 WOFF2로 바꾸기

4. TTF를 WOFF로 바꿔주는 사이트인 “CloudConvert“로 이동해 변환합니다.

폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기



5. 그 결과 TTF보다 1/2로 줄어들었고, 원본의 1/20밖에 되지 않습니다.

폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기
폰트 용량 줄이기 및 TTF 확장자 WOFF2로 바꾸기




참조 사이트

[필요 없는 글리프 제거]
스포카 한 산스와 글꼴 경량화 – 스포카 기술 블로그


관련글

guest
0 Comments
Inline Feedbacks
모든 댓글 보기