请输入您要查询的百科知识：

　

词条 Comparison of browser engines (typography support)
释义

  1. Support for CSS font resources

  2. Support in HTML and XML documents

  3. Support in SVG documents

  4. Smart font features support

  5. See also

  6. Notes

  7. References

This article compares web typography support for several browser engines.

{{Layout engine nomenclature}}{{Explanation of the tables2}}

Support for CSS font resources

{{update|section|date=September 2015}}{{Main article | Comparison of web browser engines (CSS support)}}

CSS3 specified a mechanism for downloading and displaying fonts within a web page.[1] This table compare support for that mechanism. Note that Embedded OpenType (EOT) font download does not bring in the entire OpenType font and therefore, the most prominent feature of Open Type, ligature support, does not come with EOT. Trident before version 5.0 supports only EOT. EOT is not sufficient for smartfonts that rely on ligatures.

Trident[2]Gecko[3]WebKit[4]Presto[5][6]
Grammar and rules
CSS3 @font-face4.0}}1.9.1}}525}}{{#tag:ref | Prior to version 4.0, Google Chrome had font support disabled.[7][8][9][10] | group=note}}2.2}}
Descriptors
CSS3 font-family4.0}}1.9.1}}525}}2.2}}
srcDoesn't understand the format() or local() identifiers.[11]|group=note}}
font-style4.0}}
font-weight
font-stretch5.0}}[12]9.0}}[13] {{no}}[14] rowspan="2" {{no}}
unicode-range {{table-experimental}}[15]Doesn't understand multiple, comma-separated ranges.[16]|group=note}}
font-variant {{no}}24.0}}[17] rowspan="2" {{no}} rowspan="2" {{no}}
font-feature-settings6.0}}[18] {{table-experimental}}[19]

Support in HTML and XML documents

This table compares support for font formats applied with the @font-face rule in HTML and XML documents.

FormatTrident/EdgeHTMLGeckoWebKitBlink
EOTEmbedded OpenType<3.1}}[20] {{no}}[21] {{no}}[22] {{no}}[23]
TTFTrueType5.0}}[24]1.9.1}}[25]525.26}}[26]537.36}}[26]
OTFOpenType
SVGScalable Vector Graphics {{no}}[27] {{no}}[28] {{no}}[29]
Web Open Font Format1.05.0}}[30]1.9.2}}[31]534.48.3}}[32]537.36}}[32]
2.014.14316}}[33]36}}[34]602.1.50}}[35]537.36}}[36]

Support in SVG documents

{{update|section|date=September 2015}}

This table compares support for font formats applied with the @font-face rule in SVG documents.

FormatTridentGecko[37]WebKitPresto
Embedded OpenType (EOT) rowspan="5" {{no}} {{no}}[21] {{no}}[22] {{no}}
TrueType (TTF) {{yes}} {{yes}}2.2}}
OpenType (OTF)18.0}} {{no}}
Scalable Vector Graphics (SVG) {{no}}[28]525}}
Web Open Font Format (WOFF) {{no}} {{no}}[32]2.7.81}}

Smart font features support

{{update|section|date=September 2015}}
FormatTridentGeckoWebKitPresto
OpenType liga ligatures[38] rowspan="2" {{no}}2.0}} {{partial}}[39] rowspan="2" {{no}}
OpenType rlig ligatures[40] {{no}}
ZWNJ and ZWJ (Unicode characters used for ligature control) {{yes}} {{yes}} {{no}}[41]

See also

  • Comparison of browser engines

Notes

1. ^{{citation |url=http://www.w3.org/TR/css3-fonts/#font-resources |title=CSS Fonts Module Level 3 - Font resources |publisher=W3C}}
2. ^{{citation |url=http://msdn.microsoft.com/en-us/library/ms530303(VS.85).aspx |title=About Font Embedding |publisher=Microsoft}}
3. ^{{citation |url=https://developer.mozilla.org/en/CSS/@font-face |title=@font-face |publisher=Mozilla}}
4. ^{{citation |url=http://webkit.org/blog/124/downloadable-fonts/ |title=Downloadable Fonts |publisher=Apple |last=Hyatt |first=Dave |date=2007-10-03}}
5. ^{{citation |url=http://dev.opera.com/articles/view/presto-2-2-and-opera-10-a-first-look/ |title=Opera Presto 2.2 and Opera 10 — a first look |publisher=Opera |last=Mills |first=Chris |date=2008-12-04}}
6. ^{{citation |url=http://dev.opera.com/articles/view/seven-web-fonts-showcases/ |title=Seven Web Fonts showcases |date=2009-09-01 |publisher=Opera}}
7. ^{{citation |url=https://code.google.com/p/chromium/issues/detail?id=9633 |title=Issue 9633: Disable web fonts by default |publisher=Google |date=2009-04-01}}
8. ^{{citation |url=https://groups.google.com/group/chromium-dev/browse_thread/thread/c3b3db4339d3642c/c0040c5d39cfa1db?pli=1 |title=Full pass of acid3 - Chromium-dev |publisher=Google |date=2009-07-03}}
9. ^{{citation |url=https://code.google.com/p/chromium/issues/detail?id=17818 |title=Issue 17818: Enabled dynamic / web font support in a secure manner |publisher=Google |date=2009-07-27}}
10. ^{{citation |url=http://paulirish.com/2009/chrome-and-font-face-a-summary/ |title=Chrome and @font-face: It's here! |date=2010-01-25 |last=Irish |first=Paul}}
11. ^{{citation |url=http://webfonts.info/wiki/index.php?title=@font-face_support_in_Internet_Explorer |title=@font-face support in Internet Explorer |deadurl=yes |archiveurl=https://web.archive.org/web/20100719075930/http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Internet_Explorer |archivedate=2010-07-19 |df= }}
12. ^{{citation |url=http://msdn.microsoft.com/en-us/ie/ff468705.aspx |title=Internet Explorer Platform Preview Guide for Developers |publisher=Microsoft}}
13. ^{{citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=3512 |title=Bug 3512 - (font-stretch) Implement font-stretch property |publisher=Mozilla}}
14. ^{{citation |url=https://bugs.webkit.org/show_bug.cgi?id=12530 |title=Bug 12530 - CSS3: Support the font-stretch property |publisher=WebKit}}
15. ^{{citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=475891 |title=Bug 475891 - implement unicode-range support in user font set |publisher=Mozilla}}
16. ^{{citation |url=http://webfonts.info/wiki/index.php?title=@font-face_support_in_Safari |title=@font-face support in Safari}}
17. ^{{citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=549861 |title=Bug 549861 - (font-variant) implement parsing of font feature properties |publisher=Mozilla}}
18. ^{{cite web |url=http://msdn.microsoft.com/en-us/library/ie/hh869409 |title=font-feature-settings property |publisher=Microsoft |accessdate=8 November 2013}}
19. ^{{Citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=511339 |publisher=Mozilla |title=Bug 511339 - implement experimental support for -moz-font-feature-settings}}
20. ^{{citation|url=https://msdn.microsoft.com/en-us/library/ms533034(v=vs.85).aspx|title=About Font Embedding (Internet Explorer)|publisher=Microsoft}}
21. ^1 {{citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=520357 |title=Bug 520357 - support new web font format (EOT Lite) in @font-face|publisher=Mozilla}}
22. ^1 {{citation |url=https://bugs.webkit.org/show_bug.cgi?id=20542 |title=Bug 20542 - Adding EOT Font Rendering capability |publisher=WebKit}}
23. ^{{citation|url=https://bugs.chromium.org/p/chromium/issues/detail?id=14948|title=14948 - Support sites using EOT fonts and font encoding with the on-the-fly transformation to Unicode with an extension - chromium - Monorail|publisher=Chromium}}
24. ^{{citation |url=http://msdn.microsoft.com/en-us/ie/ff468705.aspx |title=Internet Explorer Platform Preview Guide for Developers |publisher=Microsoft}}
25. ^{{citation|url=https://bugzilla.mozilla.org/show_bug.cgi?id=70132|title=70132 - Support @font-face|publisher=Mozilla}}
26. ^1 {{citation|url=https://trac.webkit.org/changeset/29012/webkit|title=Changeset 29012 – WebKit|publisher=WebKit}}
27. ^{{citation|url=https://blogs.msdn.microsoft.com/ie/2011/10/27/best-practices-for-getting-started-with-svg/|title=Best Practices for Getting Started with SVG – IEBlog|publisher=Microsoft}}
28. ^1 {{citation|url=https://bugzilla.mozilla.org/show_bug.cgi?id=119490 |title=Bug 119490 - Implement SVG fonts|publisher=Mozilla}}
29. ^{{citation|url=https://www.chromestatus.com/feature/5930075908210688|title=SVG (1.1) Fonts - Chrome Platform Status|publisher=Google}}
30. ^{{citation |url=http://blogs.msdn.com/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx |title=Meet WOFF, The Standard Web Font Format |date=2010-04-23 |publisher=Microsoft |first=Sylvain |last=Galineau}}
31. ^{{citation|url=https://blog.mozilla.org/blog/2009/10/20/mozilla-supports-web-open-font-format/|title=Mozilla Supports Web Open Font Format - The Mozilla Blog|publisher=Mozilla}}
32. ^1 2 {{citation|url=https://bugs.webkit.org/show_bug.cgi?id=31302|title=>31302 – Add WOFF support for @font-face|publisher=WebKit}}
33. ^{{citation |url=https://blogs.windows.com/msedgedev/2016/05/03/woff2-fonts-in-microsoft-edge/|title=Speed up page load with WOFF 2.0 fonts in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog|date=2016-05-03|publisher=Microsoft|first=Frank|last=Olivier}}
34. ^{{citation|url=https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/35|title=Firefox 35 for developers - Mozilla | MDN|publisher=Mozilla}}
35. ^{{citation|url=https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html|title=Safari 10.0|publisher=Apple}}
36. ^{{citation|url=https://blog.chromium.org/2014/05/chrome-36-beta-elementanimate-html.html|title=Chromium Blog: Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe()|publisher=Chromium}}
37. ^{{citation |url=https://bugzilla.mozilla.org/show_bug.cgi?id=468237 |title=Bug 468237 - SVG image using a font specified via @font-face doesn't use the font after it loads |publisher=Mozilla}}
38. ^{{citation |url=http://www.microsoft.com/typography/otspec/features_ko.htm#liga |title=OpenType Layout tag registry, Tag: 'liga' |publisher=Microsoft}}
39. ^On Safari, ligatures may be switched on with the CSS setting [https://developer.mozilla.org/en/CSS/text-rendering text-rendering], but then, they are used indiscriminately even when letter-spacing is increased (see Fraktur letterspacing); on Google Chrome, ligatures do not work.
40. ^{{citation |url=http://www.microsoft.com/typography/otspec/features_pt.htm#rlig |title=OpenType Layout tag registry, Tag: 'rlig' |publisher=Microsoft}}
41. ^When letter-spacing is increased, these characters are spacing.

References

Specifications
{{Reflist | group=spec |colwidth=30em}}
Trident/EdgeHTML
{{Reflist | group=m |colwidth=30em}}
Gecko
{{Reflist | group=g |colwidth=30em}}
WebKit
{{Reflist | group=w |colwidth=30em}}
Blink
{{Reflist | group=b |colwidth=30em}}
Presto
{{Reflist | group=p |colwidth=30em}}{{Web browser engines}}{{Typography terms}}

2 : Digital typography|Browser engine comparisons
随便看

　

开放百科全书收录14589846条英语、德语、日语等多语种百科知识，基本涵盖了大多数领域的百科知识，是一部内容自由、开放的电子版国际百科全书。

　

Copyright © 2023 OENC.NET All Rights Reserved
京ICP备2021023879号 更新时间：2024/9/21 15:33:19