브라우저 엔진 비교(일반 지원)

Comparison of browser engines (typography support)

이 기사는 여러 브라우저 엔진에 대한 웹 타이포그래피 지원을 비교한다.

표 설명

엔진 상태 에 포함됨
웹키트 활동적인 Safari 브라우저와 iOS App Store에서 호스팅되는 모든 브라우저.
블링크 활동적인 구글 크롬과 마이크로소프트 엣지, 오페라, 브레이브 등 크롬을 기반으로 한 다른 웹 브라우저.
엣지HTML 유지됨 범용 Windows 플랫폼 앱(이전에는 Edge 브라우저에서[1] 사용됨)
도마뱀붙이 활동적인 Firefox 브라우저와 Thunderbird e-메일 클라이언트, 그리고 SeaMonkey와 Waterfox와 같은 포크.
KHTML 활동적인 커커 브라우저
매우 빠르게 중단됨 이전에 Opera의 브라우저 엔진으로 사용되었으며, Chromium 및 Blink로 마이그레이션되기 전.
MSHTML(트라이던트) 유지됨 Internet Explorer 및 Outlook 2007 이전 버전의 Microsoft Outlook

가치

이는 각 엔진에서 주어진 품목에 대한 지지 수준을 나타낸다.기본적으로 가장 최신 버전의 엔진은 암시되어 있다.그러나 특정 버전 번호를 나열할 수 있다. 이것이 완전한 지원을 나타내는 경우, 그것은 항목을 완전히 지원하는 엔진의 초기 버전이다.

레전설
가치 의미
네 완전 지원
아니요. 지원된 적이 없음
부분적 일부 값만 지원됨
틀렸다 모든 경우에 올바르게 구현되지 않음
실험적인 불완전하거나 버그가 있을 수 있음
나이틀리 빌드 현재 개발 중, 전폭적인 지원이 예상된다.
경우에 따라 다르지요 지정된 조건에 대해서만 지원됨
떨어진 더 이상 지원되지 않음

CSS 글꼴 리소스 지원

주요 기사:웹 브라우저 엔진 비교(CSS 지원)

CSS3는 웹 페이지 내에서 글꼴을 다운로드하고 표시하는 메커니즘을 지정했다.[spec 1]이 표는 그 메커니즘에 대한 지원을 비교한다.EOT(Embedded OpenType) 글꼴 다운로드는 전체 OpenType 글꼴을 가져오지 않으므로 OpenType의 가장 두드러진 기능인 연결 지원 기능이 EOT와 함께 제공되지 않는다는 점에 유의하십시오. 버전 5.0 이전의 MSHTML은 EOT만 지원한다. EOT는 연결에 의존하는 스마트 폰트에는 충분하지 않다.

MSHTML[m 1] 도마뱀붙이[g 1] 웹키트[1w] 매우 빠르게[p 1][p 2]
문법과 규칙
CSS3 @font-face <3.1[IE 4.0] 1.9.1 525[note 1] 2.2
설명자
CSS3 font-family <3.1[IE 4.0] 1.9.1 525 2.2
src 부분적[note 2]
font-style <3.1[IE 4.0]
font-weight
font-stretch 5.0[m 3] 9.0[g 2] 아니오[w 6] 아니요.
unicode-range 실험적인[g 3] 부분적[note 3]
font-variant 아니요. 24.0[g 4] 아니요. 아니요.
font-feature-settings 6.0[m 4] 실험적인[g 5]

HTML 및 XML 문서 지원

이 표는 에 적용된 글꼴 형식에 대한 지원을 비교하며,@font-faceHTML 및 XML 문서의 규칙

포맷 MSHTML/에지HTML 도마뱀붙이 웹키트 블링크
EOT 임베디드 오픈타입 <3.1[m 5] 아니오[g 6] 아니오[w 8] 아니오[b 1]
TTF 트루타입 5.0[m 6] 1.9.1[g 7] 525.26[w 9] 537.36[w 9]
OTF 오픈타입
SVG 확장 가능한 벡터 그래픽스 아니오[m 7] 아니오[g 8] 아니오[b 2]
WOFF 웹 오픈 글꼴 형식 1.0 5.0[m 8] 1.9.2[g 9] 534.48.3[w 10] 537.36[w 10]
2.0 14.14316[m 9] 36[g 10] 602.1.50[w 11] 537.36[b 3]

SVG 문서 지원

이 표는 에 적용된 글꼴 형식에 대한 지원을 비교하며,@font-faceSVG 문서로 규정한다.

포맷 MSHTML 도마뱀붙이[g 11] 웹키트 매우 빠르게
EOT(Embedded OpenType) 아니요. 아니오[g 6] 아니오[w 8] 아니요.
TrueType(TTF) 네 네 2.2
OTF(OpenType) 18.0 아니요.
확장 가능한 벡터 그래픽(SVG) 아니오[g 8] 525
웹 오픈 글꼴 형식(WOFF) 아니요. 아니오[w 10] 2.7.81

스마트 폰트 기능 지원

포맷 MSHTML 도마뱀붙이 웹키트 매우 빠르게
오픈타입liga 묶음[사양 2] 아니요. 2.0 부분적[w 12] 아니요.
오픈타입rlig묶음[spec 3] 아니요.
ZWNJ 및 ZWJ(연결 제어에 사용되는 유니코드 문자) 네 네 아니오[p 3]

참고 항목

메모들

  1. ^ 버전 4.0 이전에 구글 크롬은 글꼴 지원을 사용할 수 없었다.[w 2][w 3][w 4][w 5]
  2. ^ 이해할 수 없다.format()또는local()식별자[m 2]
  3. ^ 쉼표로 구분된 여러 범위를 이해하지 [w 7]못함

참조

사양
  1. ^ CSS Fonts Module Level 3 - Font resources, W3C
  2. ^ OpenType Layout tag registry, Tag: 'liga', Microsoft
  3. ^ OpenType Layout tag registry, Tag: 'rlig', Microsoft
MSHTML/에지HTML
  1. ^ About Font Embedding, Microsoft
  2. ^ @font-face support in Internet Explorer, archived from the original on 2010-07-19
  3. ^ Internet Explorer Platform Preview Guide for Developers, Microsoft
  4. ^ "font-feature-settings property". Microsoft. Retrieved 8 November 2013.
  5. ^ About Font Embedding (Internet Explorer), Microsoft
  6. ^ Internet Explorer Platform Preview Guide for Developers, Microsoft
  7. ^ Best Practices for Getting Started with SVG – IEBlog, Microsoft
  8. ^ Galineau, Sylvain (2010-04-23), Meet WOFF, The Standard Web Font Format, Microsoft
  9. ^ Olivier, Frank (2016-05-03), Speed up page load with WOFF 2.0 fonts in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog, Microsoft
도마뱀붙이
  1. ^ @font-face, Mozilla
  2. ^ Bug 3512 - (font-stretch) Implement font-stretch property, Mozilla
  3. ^ Bug 475891 - implement unicode-range support in user font set, Mozilla
  4. ^ Bug 549861 - (font-variant) implement parsing of font feature properties, Mozilla
  5. ^ Bug 511339 - implement experimental support for -moz-font-feature-settings, Mozilla
  6. ^ a b Bug 520357 - support new web font format (EOT Lite) in @font-face, Mozilla
  7. ^ 70132 - Support @font-face, Mozilla
  8. ^ a b Bug 119490 - Implement SVG fonts, Mozilla
  9. ^ Mozilla Supports Web Open Font Format - The Mozilla Blog, Mozilla
  10. ^ Firefox 35 for developers - Mozilla &#x007c MDN, Mozilla
  11. ^ Bug 468237 - SVG image using a font specified via @font-face doesn't use the font after it loads, Mozilla
웹키트
  1. ^ Hyatt, Dave (2007-10-03), Downloadable Fonts, Apple
  2. ^ Issue 9633: Disable web fonts by default, Google, 2009-04-01
  3. ^ Full pass of acid3 - Chromium-dev, Google, 2009-07-03
  4. ^ Issue 17818: Enabled dynamic / web font support in a secure manner, Google, 2009-07-27
  5. ^ Irish, Paul (2010-01-25), Chrome and @font-face: It's here!
  6. ^ Bug 12530 - CSS3: Support the font-stretch property, WebKit
  7. ^ @font-face support in Safari, archived from the original on 2010-01-19, retrieved 2010-02-17
  8. ^ a b Bug 20542 - Adding EOT Font Rendering capability, WebKit
  9. ^ a b Changeset 29012 – WebKit, WebKit
  10. ^ a b c >31302 – Add WOFF support for @font-face, WebKit
  11. ^ Safari 10.0, Apple
  12. ^ Safari에서는 CSS 설정 텍스트 렌더링으로 라이거를 켤 수 있지만, 문자 간격을 늘렸을 때에도 무분별하게 사용되며(Fractur letterspacing 참조), Google Chrome에서는 라이거가 작동하지 않는다.
블링크
매우 빠르게
  1. ^ Mills, Chris (2008-12-04), Opera Presto 2.2 and Opera 10 — a first look, Opera, archived from the original on 2010-02-10, retrieved 2010-02-16
  2. ^ Seven Web Fonts showcases, Opera, 2009-09-01, archived from the original on 2010-02-14, retrieved 2010-02-17
  3. ^ 문자 간격을 늘리면, 이 문자들은 공백이다.
  1. ^ Mackie, Kurt (10 December 2018). "Microsoft Edge Browser To Get New Rendering Engine but EdgeHTML Continues". Redmond Mag. Retrieved 21 December 2019.