웹 타이포그래피: TTF, OTF, WOFF 및 WOFF2
최신 폰트 압축이 웹 타이포그래피의 속도를 높이고 레이아웃 이동을 방지하는 방법.
100% 프라이버시 보장
파일은 HTML5 Canvas와 WebAssembly를 사용하여 웹 브라우저 안에서 완전히 처리됩니다. 어떤 데이터도 기기 밖으로 유출되지 않습니다.
즉각적인 속도
업로드 및 다운로드 대기열이 필요 없습니다. 서버 제한 없이 컴퓨터 하드웨어의 최대 속도로 로컬에서 변환이 이루어집니다.
범용 표준 준수
최신 운영체제 전반에서 출력 호환성을 보장하기 위해 공식 ISO, W3C 및 IETF 사양을 준수합니다.
형식 비교 및 기술 사양
| 출력 형식 | MIME 유형 | 사양 | 유형 |
|---|---|---|---|
| WOFF2 웹 폰트 | font/woff2 | W3C-WOFF2 | 웹 오픈 폰트 형식 2.0 |
| TTF TrueType 폰트 | font/ttf | W3C-WOFF2 | TrueType 폰트 표준 |
기술 사양 및 코덱 분석
웹에서 항상 WOFF2를 사용해야 하는 이유
TTF와 OTF는 데스크톱 운영 체제용으로 제작되었으며 압축되지 않은 글꼴 테이블을 포함하고 있습니다. WOFF2는 사용자 지정 테이블 전처리와 브로틀리(Brotli) 압축을 적용하여 단 하나의 곡선도 변경하지 않고 폰트 파일을 최대 50%까지 축소하므로 페이지 로드 속도와 레이아웃 안정성이 대폭 향상됩니다.
웹 성능을 위한 데스크톱 폰트 변환
사이트에서 150 KB 크기의 데스크톱 TTF 폰트를 로드하는 경우, 모바일 사용자는 다운로드하는 동안 보이지 않는 텍스트나 레이아웃 이동을 겪을 수 있습니다. WOFF2로 변환하면 파일 크기가 약 40 KB로 줄어들어 타이포그래피가 즉시 렌더링됩니다.
유용한 정보
외부 서버로 업로드된 데이터 0바이트. 모든 처리는 브라우저 샌드박스내에서 로컬로 수행되었습니다.