맨위로가기

웹 오픈 폰트 형식

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

1. 개요

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

더 읽어볼만한 페이지

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

2. 표준화

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

2. 1. WOFF 1.0

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

2. 2. WOFF 2.0

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

3. 사양

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

4. 웹 브라우저 지원

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

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

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

4. 1. WOFF 1.0 지원

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

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



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

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

4. 2. WOFF 2.0 지원

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

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


5. 동일 출처 정책

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

6. MIME Type

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

참조

[1] 웹사이트 Media Types https://www.iana.org[...] IANA 2017-10-12
[2] 간행물 The "font" Top-Level Media Type https://tools.ietf.o[...] IETF 2017-02
[3] 간행물 WOFF File Format (draft of 2009-10-23) https://people.mozil[...] Mozilla Foundation 2010-01-30
[4] 간행물 WOFF conversion reference code https://people.mozil[...] 2016-05-08
[5] 문서 WOFF File Format 1.0 Submission Request to W3C http://www.w3.org/Su[...]
[6] 간행물 Meet WOFF, The Standard Web Font Format http://blogs.msdn.co[...] Microsoft 2010-04-23
[7] 문서 Team Comment on "WOFF File Format 1.0" Submission http://www.w3.org/Su[...]
[8] 간행물 WOFF - Now loading fonts on websites http://www.h-online.[...] The H 2010-07-28
[9] 간행물 W3C Backs the WOFF WebFont Standard http://www.sitepoint[...] SitePoint 2010-08-17
[10] 웹사이트 WOFF File Format 1.0 https://www.w3.org/T[...] 2019-08-31
[11] 간행물 Reference WOFF2 generation code https://github.com/g[...] 2016-05-08
[12] 문서 W3C: WOFF File Format 2.0 http://www.w3.org/TR[...]
[13] 간행물 Most of the important foundries are supporting #webfont http://typegirl.tumb[...] 2009-07-16
[14] 간행물 WOFF File Format (draft of 2009-10-23) https://people.mozil[...] Mozilla Foundation 2010-01-30
[15] 간행물 "@font-face gzipping - take II" http://www.phpied.co[...] PHPied.com 2010-01-30
[16] 웹사이트 The Typekit Blog | Type rendering: Font outlines and file formats http://blog.typekit.[...]
[17] 간행물 Mozilla Supports Web Open Font Format http://blog.mozilla.[...] Mozilla Foundation 2010-02-05
[18] 간행물 Typekit adds Chrome 6 WOFF support http://blog.typekit.[...] Typekit 2010-09-21
[19] 간행물 HTML5, Native: Third IE9 Platform Preview Available for Developers http://blogs.msdn.co[...] Microsoft 2010-06-23
[20] 간행물 KDE SVN Revision 1088984 http://websvn.kde.or[...] KDE Bugzilla 2011-10-14
[21] 간행물 A first glimpse at Opera 11.10 "Barracuda" http://my.opera.com/[...] Opera Software 2011-02-17
[22] 간행물 Web specifications support in Opera Presto 2.7 "//www.opera.com/doc[...] Opera
[23] 간행물 Safari Features https://www.apple.co[...] Apple 2011-10-14
[24] 간행물 Safari 5.1 Changelog http://www.filehippo[...] FileHippo.com 2011-10-14
[25] 간행물 Bug 38217 - {{Bracket|chromium}} Add WOFF support https://bugs.webkit.[...] WebKit
[26] 간행물 Bug 31302 - Add WOFF support for @font-face https://bugs.webkit.[...] WebKit
[27] 간행물 Chromium 36 Release Notes "//blog.chromium.org[...] Google
[28] 간행물 Speed up page load with WOFF 2.0 fonts in Microsoft Edge https://blogs.window[...] Microsoft 2016-05-03
[29] 간행물 Opera 26 Release Notes https://dev.opera.co[...] Opera Software ASA
[30] 간행물 Firefox 35 Release Notes https://developer.mo[...] Mozilla Developer Network
[31] 간행물 What's new in Safari https://developer.ap[...] Apple
[32] 문서 CSS Fonts Module Level 3 https://www.w3.org/T[...]
[33] 웹사이트 Webfonts are not loading in Firefox "//www.fontspring.co[...] Fontspring 2013-01-01
[34] 웹사이트 Media Types https://www.iana.org[...] IANA 2019-09-21
[35] IETF RFC
[36] 문서 ASCIIで "wOFF"
[37] 문서 ASCIIで "wOF2"
[38] 웹사이트 WOFF fonts! https://people.mozil[...] 2019-09-21
[39] 웹사이트 WOFF File Format https://people.mozil[...] 2009-10-23
[40] 웹사이트 WOFF File Format 1.0 Submission Request to W3C https://www.w3.org/S[...] W3C 2019-09-21
[41] 웹사이트 Meet WOFF, The Standard Web Font Format https://blogs.msdn.m[...] Microsoft 2010-04-23
[42] 웹사이트 Team Comment on "WOFF File Format 1.0" Submission https://www.w3.org/S[...] W3C 2019-09-21
[43] 웹사이트 WOFF - Now loading fonts on websites http://www.h-online.[...] The H Open 2010-07-28
[44] 웹사이트 W3C Backs the WOFF WebFont Standard https://www.sitepoin[...] SitePoint 2010-08-17
[45] 웹사이트 WOFF File Format 1.0 https://www.w3.org/T[...] W3C 2012-12-13
[46] Github google/woff2
[47] 웹사이트 WOFF File Format 2.0 https://www.w3.org/T[...] W3C 2018-03-01
[48] 웹사이트 "@font-face gzipping – take II" https://www.phpied.c[...] 2009-10-20
[49] 문서 PostScriptのグリフのアウトラインを含む。
[50] 웹사이트 Type rendering: font outlines and file formats https://blog.typekit[...] Adobe Systems Incorporated 2010-12-08
[51] 웹사이트 The Web Open Font Format (WOFF) https://developer.mo[...] MDN 2019-09-21
[52] 웹사이트 CSS Fonts Module Level 3 https://www.w3.org/T[...] W3C 2018-09-20
[53] 웹사이트 Webfonts are not loading in Firefox https://www.fontspri[...] Fontspring 2019-09-21
[54] 문서 WOFF File Format http://www.w3.org/Su[...]
[55] 문서 WOFF File Format 1.0 Submission Request to W3C http://www.w3.org/Su[...]
[56] 문서 Team Comment on "WOFF File Format 1.0" Submission http://www.w3.org/Su[...]
[57] 문서 Typegirl - Most of the important foundries are supporting #webfont http://typegirl.tumb[...]
[58] 문서 Mozilla Supports Web Open Font Format http://blog.mozilla.[...]
[59] 인용 Typekit adds Chrome 6 WOFF support http://blog.typekit.[...] Typekit 2010-09-21
[60] 인용 HTML5, Native: Third IE9 Platform Preview Available for Developers http://blogs.msdn.co[...] Microsoft 2010-06-23
[61] 인용 A first glimpse at Opera 11.10 "Barracuda" http://my.opera.com/[...] Opera Software 2011-02-17
[62] 인용 Safari 5.1 Changelog http://www.filehippo[...] FileHippo.com 2011-10-14
[63] 인용 Bug 38217 - chromium Add WOFF support https://bugs.webkit.[...] WebKit
[64] 인용 Bug 31302 - Add WOFF support for @font-face https://bugs.webkit.[...] WebKit
[65] 문서 CSS Fonts Module Level 3 http://www.w3.org/TR[...]
[66] 웹인용 Webfonts are not loading in Firefox http://www.fontsprin[...] Fontspring 2013-01-01
[67] 문서 W3C Media Type registration http://www.w3.org/TR[...]


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com