웹 오픈 폰트 형식

Web Open Font Format
웹 오픈 폰트 형식
파일 이름 확장자
  • .woff
  • .woff2
인터넷 미디어 유형
  • font/woff
  • font/woff2
  • application/font-woff(추천)[1][2]
매직 넘버
  • 77 4F 46 (ASCII에서는 wOFF)
  • 77 4F 46 32 (ASCII에서는 wOF2)
개발자W3C
포맷의 종류글꼴 파일
컨테이너:SFNT 글꼴
웹 사이트

WOFF(Web Open Font Format)는 웹 페이지에서 사용하는 글꼴 형식입니다.WOFF 파일은 OpenType 또는 TrueType 글꼴이며 형식별 압축이 적용되고 XML 메타데이터가 추가됩니다.두 가지 주요 목표는 첫 번째 로컬 설치를 통해 웹 글꼴로 사용하는 글꼴 파일과 데스크톱 응용 프로그램에서 사용하는 글꼴 파일을 구별하는 것입니다. 두 번째 목표는 글꼴이 서버에서 네트워크 연결을 통해 클라이언트로 전송될 때 웹 글꼴 지연을 줄이는 것입니다.

표준화

WOFF 1의 초안은 2009년 조나단 큐, 탈 레밍, 에릭 반 블로클랜드에 [3]의해 발행되었으며, 참조 변환 코드는 조나단 [4]큐에 의해 작성되었습니다.2010년 [5][6]4월에 Mozilla Foundation, Opera Software 및 Microsoft가 World Wide Web Consortium(W3C)에 WOFF를 제출한 후 W3C는 WOFF가 곧 모든 [7]브라우저에서 지원되는 "단일 상호 운용 가능한 [font] 형식"이 될 것이라고 예상했습니다.W3C는 2010년 [8][9]7월에 작업 초안으로서 WOFF를 발표했습니다.최종 초안은 2012년 [10]12월 13일 W3C 권고로 발행되었다.

WOFF 2.0은 Google에서 [11]제공하는 참조 코드를 사용하여 향상된 압축 체계를 가지고 있으며, 바이트 레벨 압축에 Brotli를 사용하여 2018년 [12]3월에 W3C 권장 사항이 되었습니다.

사양

WOFF는 웹 [13]페이지에 삽입할 수 있도록 WOFF 고유의 인코딩 도구를 사용하여 압축된 SFNT 기반 글꼴(TrueType 또는 OpenType)을 포함하는 래퍼입니다.WOFF 버전 1은 널리 사용 가능한 zlib 압축(특히 compress2 함수)[13]을 사용하여 일반적으로 TrueType 파일의 파일 크기를 40% 이상 줄입니다.[14]OpenType CFF 파일(PostScript 글리프 윤곽선 포함)은 이미 압축되어 있으므로 일반적으로 감소 폭이 더 [15]작습니다.

벤더 지원

포맷의 각 버전은 유형 [16]주조 공장이라고도 하는 많은 글꼴 벤더의 지원을 받았으며 모든 주요 브라우저에서 지원됩니다.

WOFF 2.0은 Brotli 압축 알고리즘 및 WOFF 1.0보다 파일 크기를 30% 이상 줄일 수 있는 기타 기능 향상에 기반하여 다음과 같이 지원됩니다.

  • Google Chrome (버전 [27]36 이후)
  • Edge(버전 [28]14 이후),
  • 오페라 (버전 26 이후)[29]
  • 파이어폭스(버전 [30]35 이후)
  • Safari(버전 [31]10 이후)

일부 브라우저에서는 동일한 발신기지 정책을 적용하여 WOFF 글꼴이 다른 도메인에서 사용되는 것을 방지합니다.이 제한은 CSS 3 글꼴모듈의 [32]일부로 모든 글꼴포맷에 적용되며 글꼴을 제공하는 서버에 의해 덮어쓸 수 있습니다.

일부 서버는 파일을 올바르게 [33]처리하려면 WOFF의 MIME 유형을 수동으로 추가해야 합니다.2017년 2월부터 적절한 MIME 유형은 다음과 같습니다.font/woffWOFF 1.0 및font/woff2WOFF 2.0의 [1][2]경우.2017년 2월 이전에 WOFF 1.0의 표준 MIME 유형은 다음과 같습니다.application/font-woff일부 어플리케이션에서는 오래된 타입을 사용할 수 있지만 현재는 [1]사용되지 않습니다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ a b c "Media Types". IANA. 2017-10-12. Retrieved 2017-10-17.
  2. ^ a b Lilley, Chris (February 2017). "The "font" Top-Level Media Type". IETF. RFC 8081. Retrieved 2017-10-17. {{cite journal}}:Cite 저널 요구 사항 journal=(도움말)
  3. ^ Kew (Mozilla), Jonathan; Leming (Type Supply), Tal; van Blokland (LettError), Erik (2009-10-23), WOFF File Format (draft of 2009-10-23), Mozilla Foundation, retrieved 2010-01-30
  4. ^ WOFF conversion reference code, retrieved May 8, 2016
  5. ^ WOFF 파일 포맷 1.0 W3C로의 송신 요구
  6. ^ Galineau, Sylvain (2010-04-23), Meet WOFF, The Standard Web Font Format, Microsoft, archived from the original on 29 May 2010
  7. ^ 'WOFF 파일 형식 1.0' 제출에 대한 팀 의견
  8. ^ WOFF - Now loading fonts on websites, The H, 2010-07-28
  9. ^ Buckler, Craig (2010-08-17), W3C Backs the WOFF WebFont Standard, SitePoint
  10. ^ "WOFF File Format 1.0". www.w3.org. Retrieved 2019-08-31.
  11. ^ Reference WOFF2 generation code, retrieved May 8, 2016
  12. ^ W3C: WOFF 파일 포맷 2.0
  13. ^ a b Kew (Mozilla), Jonathan; Leming (Type Supply), Tal; van Blokland (LettError), Erik (2009-10-23), WOFF File Format (draft of 2009-10-23), Mozilla Foundation, retrieved 2010-01-30
  14. ^ Stefanov, Stoyan (2009-10-20), @font-face gzipping - take II, PHPied.com, retrieved 2010-01-30
  15. ^ "The Typekit Blog Type rendering: Font outlines and file formats".
  16. ^ Wardle, Tiffany (2009-07-16), Typegirl - Most of the important foundries are supporting #webfont, tumblr, retrieved 2010-02-05
  17. ^ Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format, Mozilla Foundation, retrieved 2010-02-05
  18. ^ Colyer, Matt (2010-09-21), Typekit adds Chrome 6 WOFF support, Typekit
  19. ^ Hachamovitch, Dean (2010-06-23), HTML5, Native: Third IE9 Platform Preview Available for Developers, Microsoft
  20. ^ KDE SVN Revision 1088984, KDE Bugzilla, 2010-02-12, retrieved 2011-10-14
  21. ^ A first glimpse at Opera 11.10 "Barracuda", Opera Software, 2011-02-17, retrieved 2011-02-17
  22. ^ Web specifications support in Opera Presto 2.7, Opera
  23. ^ Safari Features, Apple, 2011-06-06, retrieved 2011-10-14
  24. ^ Safari 5.1 Changelog, FileHippo.com, retrieved 2011-10-14
  25. ^ Bug 38217 - [chromium] Add WOFF support, WebKit
  26. ^ Bug 31302 - Add WOFF support for @font-face, WebKit
  27. ^ Chromium 36 Release Notes, Google
  28. ^ Speed up page load with WOFF 2.0 fonts in Microsoft Edge, Microsoft, 3 May 2016
  29. ^ Opera 26 Release Notes, Opera Software ASA
  30. ^ Firefox 35 Release Notes, Mozilla Developer Network
  31. ^ What's new in Safari, Apple
  32. ^ CSS 폰트 모듈레벨 3
  33. ^ "Webfonts are not loading in Firefox". Fontspring. Retrieved 2013-01-01.

외부 링크