Accesskey n skips to in-page navigation. Skip to the content start.

s_gotoW3cHome Internationalization
 

Test results: Webfonts, eot fonts

These tests check whether browsers support the downloading of TrueType/OpenType fonts using subsetted .eot fonts with the @font rule, particularly for complex script support. The text chosen covers a number of typical features occuring in complex fonts.

Some of the text used for testing relies on the availability of operating system support for complete rendering. To neutralise this effect, the main test criterion assesses whether the downloaded font styling looks the same as an installed version of the font. The tests also look at how the installed version of the font compares with a reference graphic. In some cases, two fonts are tested for each piece of text, in the hope to cross-check for font-specific issues.

Summary & conclusions

See the results below for user agents tested. This section summarizes the results of those tests.

Of the browsers tested, only IE7 currently supports EOT webfont downloads. There were, however, some unexpected issues with Khmer and Arabic script rendering related to dropped character glyphs, so EOT does not appear to work for those scripts at the moment.

IE8 beta doesn't support EOT fonts at all, at present, although apparently that is in the plan for a future release. In addition, rendering of the installed font text failed for several scripts. Switching to compatability mode fixed all the problems.

As a general summary, this means that it is still difficult to use webfonts in this way for certain non-Latin scripts.

Latest results

These are results for the latest versions of each browser tested. A green background (yes) means the browser displayed the text using the linked font in the same way as the text using the installed font; orange background (partially) means that the browser was obviously attempting to use the linked font, but some of the rendering was not correct; red (no) means that the browser did not use the linked font.

The check and cross marks are used to indicate the following: green means that the installed font text was the same as the reference graphic; orange means that there were some differences of rendering, but the same font was used. A red cross means that the installed font text was substantially different from the reference graphic. If a check mark is the same color as the background it is omitted.

UA IE Firefox Chrome Opera Safari Safari IE
version 7 3.0.1 0.2.149.30 9.51 3.1.2 3.1.2 8 Beta
OS XP XP XP XP Mac OS 10.4.11 XP XP
date 20080907 20080907 20080907 20080907 20080918 20080907 20080907
1 Alphabetic script (Georgian) yes no installed font text ok no installed font text ok no installed font text ok no installed font text ok no installed font text ok no installed font text ok
2 Alphabetic script (Armenian) yes no installed font text ok no installed font text ok no installed font text ok no installed font text ok no installed font text ok no installed font text ok
3 Complex scripts (Khmer 1) partially installed font text ok 1 no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 9 no installed font text ok no 6
4 Complex scripts (Khmer 2) partially installed font text ok2 no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 9 no installed font text ok no 6
5 Complex scripts (Hindi 1) yes no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 10 no installed font text ok no installed font text ok
6 Complex scripts (Hindi 2) yes no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 10 no installed font text ok no installed font text ok
7 Shaping scripts (Arabic 1) partially installed font text ok 3 no installed font text ok no installed font text ok no installed font text ok no11 no installed font text mostly ok 4 no installed font text ok
8 Shaping scripts (Arabic 2) partially installed font text ok 3 no installed font text ok no installed font text ok no installed font text ok no 11 no installed font text ok no installed font text ok
9 Shaping scripts (Urdu) partially installed font text ok 3 no installed font text ok no installed font text ok no installed font text ok no 11 no 5 no 7
10a Mixed scripts (Thai) yes no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 12 no installed font text ok no installed font text mostly ok 8
10b Mixed scripts (Tibetan) yes no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 13 no installed font text ok no installed font text mostly ok 8
10c Mixed scripts (Myanmar) yes no installed font text ok no installed font text ok no installed font text ok no installed font text mostly ok 14 no installed font text ok no installed font text mostly ok 8

Notes:

  1. IE7: The eot font text was missing the spacing vowel signs.
  2. IE7: The spacing vowel signs in the eot font text appeared as empty squares, overlaid on the surrounding text.
  3. IE7: Only a small number of characters were rendered to the screen.
  4. Safari, XP: A few small discrepancies in glyph advance spacing between installed font text and reference graphic that need to be fixed.
  5. Safari, XP: Linked font text and installed font text blank.
  6. IE8beta: In the installed font text, Khmer is rendered as square boxes. The rendering is perfect if you switch to compatability mode.
  7. IE8beta: In the installed font text, Urdu is rendered using the default system font. The rendering is perfect if you switch to compatability mode.
  8. IE8beta: In the installed font text, Thai and Myanmar are rendered perfectly, but Tibetan is rendered as square boxes. The rendering is perfect if you switch to compatability mode.
  9. Safari, Mac : The installed font text exhibited the following differences from the reference graphic: subjoined consonants were not subjoined and the virama was visible; KHMER LETTER PHO and KHMER VOWEL SIGN AA were not correctly ligated; KHMER VOWEL SIGN I was rendered too high; KHMER VOWEL SIGN OO does not surround its base character.
  10. Safari, Mac: The installed font text exhibited the following differences from the reference graphic: conjuncts were not formed and viramas were visible; left-side vowel signs appeared to the right of the base character.
  11. Safari, Mac: The installed font exhibits several significant issues related to the reference graphic, and the font does not look the same.
  12. Safari, Mac: Positioning of tone marks is not context-sensitive in the installed font.
  13. Safari, Mac: Stacking of subjoined consonants is not correct in the installed font.
  14. Safari, Mac: No combining characters combined, nor positioned to left of base character.

Tell us what you think (English).

Subscribe to an RSS feed.

New resources

Home page news

Further reading

Author: Richard Ishida, W3C.

Valid XHTML 1.0!
Valid CSS!
Encoded in UTF-8!

Content first published 2008-09-23. Last substantive update 2008-09-23 11:45 GMT. This version 2008-09-23 11:45 GMT

For the history of document changes, search for results-webfonts-eot in the i18n blog.