개요

font/woff는 Web Open Font Format 1.0으로 압축된 웹 폰트의 미디어 타입입니다. TrueType/OpenType 글리프 데이터를 웹 전송에 맞게 감싼 포맷으로, @font-face로 웹 폰트를 로드할 때 쓰입니다.

자세히

WOFF는 기본적으로 TTF/OTF 아웃라인 데이터에 zlib 압축과 메타데이터를 씌운 컨테이너입니다. 과거에는 application/font-woff 등 여러 표기가 있었으나, RFC 8081이 top-level `font` 타입을 신설해 font/woff가 정본이 되었습니다. 이미 압축돼 있어 전송 계층 gzip은 이득이 없습니다.

웹 폰트에서 가장 흔한 실전 함정은 CORS입니다. 폰트는 스타일시트와 달리 크로스 오리진 요청이 CORS 규칙의 적용을 받아, 다른 도메인(또는 CDN)에서 폰트를 불러오면 서버가 `Access-Control-Allow-Origin` 헤더를 보내야 브라우저가 폰트를 사용합니다. 헤더가 없으면 폰트가 조용히 로드되지 않아 폴백 글꼴로 렌더링됩니다. 폰트는 거의 변하지 않으므로 긴 캐시 수명을 부여하는 것이 좋습니다.

문법

e.g. Content-Type: font/woff

파일 확장자

실무 참고

• 크로스 오리진 폰트에는 Access-Control-Allow-Origin(CORS) 헤더가 필수입니다 — 없으면 폰트가 적용되지 않고 폴백됩니다.
• WOFF2가 더 높은 압축률(약 30% 이상 작음)을 제공하므로, 지원 브라우저에는 WOFF2를 우선하고 WOFF를 폴백으로 두세요.
• 이미 압축된 포맷이라 전송 gzip은 무의미하고, 파비콘처럼 긴 max-age 캐시가 적합합니다.

관련 타입

관련 헤더