웹 오픈 폰트 형식

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

웹 오픈 폰트 형식(WOFF)은 웹 페이지에 글꼴을 임베드하기 위한 개방형 표준이다. WOFF는 월드 와이드 웹 컨소시엄(W3C)에서 관리하며, SFNT 기반 글꼴을 압축하여 웹에서 사용하도록 설계되었다. WOFF 1.0은 zlib 압축을 사용하고, WOFF 2.0은 Brotli 압축을 사용하여 파일 크기를 줄인다. WOFF는 다양한 웹 브라우저에서 지원되며, 브라우저의 동일-출처 정책과 MIME 타입 설정에 따라 사용에 제약이 있을 수 있다.

웹 오픈 폰트 형식 - [IT 관련 정보]에 관한 문서

기본 정보

이미지 준비중입니다.

WOFF2 로고

파일 확장자	.woff .woff2
MIME 형식	font/woff font/woff2 application/font-woff (더 이상 사용되지 않음)
매직 넘버	77 4F 46 46 (ASCII: "wOFF") 77 4F 46 32 (ASCII: "wOF2")
개발	W3C
파일 형식 종류	폰트 파일
컨테이너 형식	폰트
URL	WOFF WOFF2

📚 더 읽어볼만한 페이지

글꼴 포맷 - 오픈타입
오픈타입은 마이크로소프트와 어도비가 개발한 글꼴 형식으로, 유니코드를 기반으로 다양한 스크립트 지원, 크로스 플랫폼 호환성, 확장된 타이포그래피 기능, 스마트 폰트 옵션 등을 제공하며 표현력을 확장하는 기술을 포함하고 국제 표준으로도 지정되었다.
글꼴 포맷 - 임베디드 오픈타입
EOT는 웹 글꼴 포함을 위한 파일 포맷으로, 트루타입 글꼴에서 생성되어 부분 집합화 및 압축을 사용하지만, 인터넷 익스플로러에서만 지원되는 독점 표준이자 보안 문제로 인해 다른 포맷으로 대체되었다.
디지털 타이포그래피 - 점자
점자는 루이 브라이유가 개발한 시각 장애인용 촉각 문자 체계로, 6점 점자를 사용하여 133개 이상의 언어에 적용되었으며, 교육, 정보 접근, 사회 참여에 필수적인 역할을 수행하지만 문해력 저하와 교육의 어려움이라는 과제도 안고 있다.
디지털 타이포그래피 - 포스트스크립트
어도비 시스템즈에서 개발한 포스트스크립트는 페이지 기술 언어이자 튜링 완전한 프로그래밍 언어로서, 데스크톱 출판 혁명을 이끌고 인쇄 기술 발전에 기여했으며, PDF 형식의 기반이 되었다.

1. 개요
2. 표준화
- 2.1. WOFF 1.0
- 2.2. WOFF 2.0
3. 사양
4. 웹 브라우저 지원
- 4.1. WOFF 1.0 지원
- 4.2. WOFF 2.0 지원
5. 동일 출처 정책
6. MIME Type

2. 표준화

WOFF는 웹 표준화를 위한 국제 기구인 월드 와이드 웹 컨소시엄(W3C)에서 관리하는 개방형 표준이다. WOFF 1은 2009년에 초안이 발표되었고, 2010년 모질라 재단, 오페라 소프트웨어, 마이크로소프트가 W3C에 제출했다. W3C는 WOFF가 모든 브라우저에서 지원하는 "단일 상호 운용 가능한 글꼴 형식"이 될 것이라고 예상했다. 2012년 12월 13일 W3C 권고안으로 발표되었다. WOFF 2.0은 브로틀리(Brotli)를 이용한 향상된 압축 방식을 갖추고 있으며, 2018년 3월 W3C 권고안이 되었다. 각 형식은 많은 활자 주조소의 지원을 받았다.

2.1. WOFF 1.0

WOFF 1.0은 2009년 조나단 큐(Jonathan Kew), 탈 레밍(Tal Leming), 에릭 반 블록랜드가 초안을 발표했고, 조나단 큐가 참조 변환 코드를 작성했다. 2010년 4월 모질라 재단, 오페라 소프트웨어, 마이크로소프트가 WOFF를 월드 와이드 웹 컨소시엄(W3C)에 제출하면서 표준화 논의가 본격화되었다. W3C는 WOFF가 모든 브라우저에서 지원하는 "단일 상호 운용 가능한 글꼴 형식"이 될 것으로 예상했다. 2010년 7월 W3C는 WOFF를 작업 초안으로 발표했고, 2012년 12월 13일 W3C 권고안으로 발표되었다.

2.2. WOFF 2.0

구글(Google)이 제공한 참조 코드와 함께 WOFF 2.0은 브로틀리(Brotli)를 사용하여 바이트 수준 압축을 하는 향상된 압축 방식을 갖추고 있다. WOFF 2.0은 2018년 3월 W3C 권고안이 되었다. WOFF 2의 사양은 구글(Google)에 의한 참조 구현과 함께 공개되었다. WOFF 2에서는 폰트 압축에 Brotli를 사용하도록 개선되었다.

3. 사양

WOFF는 웹 페이지에 포함될 수 있도록 WOFF 특정 인코딩 도구를 사용하여 압축된 SFNT 기반 글꼴(TrueType 또는 OpenType)을 포함하는 래퍼 형식이다. WOFF 1.0은 널리 사용 가능한 zlib 압축(구체적으로는 compress2 함수)을 사용하며, 일반적으로 TrueType 파일의 파일 크기를 40% 이상 줄인다. OpenType CFF 파일(PostScript 글리프 윤곽선 포함)은 이미 압축되어 있기 때문에 감소폭은 일반적으로 더 작다.

4. 웹 브라우저 지원

WOFF는 많은 글꼴 제조사들의 지지를 받고 있으며, 주요 웹 브라우저에서 지원하고 있다.

일부 웹 브라우저에서는 동일-출처 정책(same-origin policy^영어)을 강제하고 있어, 웹사이트 도메인 외부에 있는 WOFF 글꼴을 불러올 수 없다. 이는 CSS 3 초안 폰트모듈의 제약 중 하나이다.

일부 서버에서는 WOFF를 제공하기 위해 추가적인 MIME Type 설정이 필요하다. 2017년 2월 이후, WOFF 1.0의 올바른 MIME 유형은 `font/woff`이고, WOFF 2.0의 경우 `font/woff2`이다.

4.1. WOFF 1.0 지원

WOFF는 많은 글꼴 제조사들의 지지를 받고 있으며, 다음과 같은 주요 웹 브라우저에서 지원하고 있다.

👆

좌우로 밀어서 보기

웹 브라우저	지원 버전
파이어폭스	3.6 이상
구글 크롬	6.0 이상
인터넷 익스플로러	인터넷 익스플로러 9 이상
오페라 (웹 브라우저)	11.10 이상
사파리 (웹 브라우저)	5.1 이상
웹킷 엔진	WebKit build 528 이상

일부 웹 브라우저에서는 동일-출처 정책(same-origin policy^영어)을 강제하고 있으며, 이러한 웹 브라우저에서는 웹사이트의 도메인 외부에 존재하는 WOFF 폰트를 불러올 수 없다. 이는 CSS 3 초안 폰트모듈의 제약 중 하나이다.

일부 서버에서는 WOFF를 제공하기 위해 추가적인 MIME Type의 설정이 필요하다. 일반적으로 볼 수 있는 `font/woff`나 `application/x-font-woff`가 아니라, `application/font-woff`를 사용해야 한다.

4.2. WOFF 2.0 지원

WOFF 2.0은 다음 웹 브라우저에서 지원된다.

👆

좌우로 밀어서 보기

웹 브라우저	지원 버전
구글 크롬	36 이상
마이크로소프트 엣지	14 이상
오페라	26 이상
파이어폭스	35 이상
사파리	10 이상

5. 동일 출처 정책

일부 웹 브라우저는 동일-출처 정책(same-origin policy^영어)을 강제하고 있어, 웹사이트 도메인 외부에 있는 WOFF 폰트를 불러올 수 없다. 이는 CSS 3 폰트 모듈의 제약 중 하나이며, 모든 폰트 형식에 적용된다. 폰트를 제공하는 웹 서버에서 이 제약을 재정의할 수 있다.

6. MIME Type

WOFF 파일을 올바르게 제공하려면 웹 서버에 MIME Type 설정을 해야 할 수 있다. 2017년 2월부터 WOFF 1.0의 올바른 MIME Type은 `font/woff`이고, WOFF 2.0은 `font/woff2`이다. 2017년 2월 이전에는 WOFF 1.0의 표준 MIME Type이 `application/font-woff`였으나, 현재는 사용 중단되었다.