Euro f35 webfont woff

Syntax

CSS @font-face syntax:

Browser support

The numbers in the table specifies the first browser version that fully supports appropriate format.


Chrome

Firefox

Opera

Safari

IE / Edge
TTF / OTF 4 3.5 10 3.1 9 [1]
WOFF 5 3.6 11.10 5.1 9
WOFF2 36 39 23 10 No support
SVG 4-37 [2] No support 9-24 [2] 3.2 No support
EOT No support No support No support No support 6

[1] Fonts only working when set to be "installable".
[2] Chrome 38 and newer support SVG fonts only on Windows Vista and XP.


iOS Safari

Android browser

Chrome for Android

Firefox for Android

Opera Mobile
TTF / OTF 4.2 2.2 Yes [1] 1 10
WOFF 5 4.4 Yes [1] 5 11
WOFF2 10 No support Yes [1] 39 37
SVG Yes [1] 3-4.4.4 No support [1] No support [1] 10
EOT No support No support No support No support No support

[1] Exact browser version is unknown

Formats

TrueType font (TTF)

TrueType has long been the most common format for fonts on both Mac OS and Windows operating systems. Format allows for the most basic type of digital rights management – an embeddable flag that specifies if author allows embedding of the font file into things like PDF files and websites.

This format has been supported by all major browsers, but TTF fonts work in IE 9 and later only when the embedding bits are set to installable.

Embedded Open Type (EOT)

This format was created by Microsoft (the original innovators of @font-face) over 15 years ago. It’s the only format that IE8 and below will recognize when using @font-face.

TrueType font can be converted to EOT by ttf2eot (open source utility), eotfast (Windows only) or Web Embedding Fonts Tool (Microsoft’s utility for generating embeddable web fonts).

Web Open Font Format (WOFF/WOFF2)

Created for use on the web, and developed by Mozilla in conjunction with other organizations, WOFF fonts often load faster than other formats because they use a compressed version of the structure used by OpenType (OTF) and TrueType (TTF) fonts. It was developed during 2009 and is now a World Wide Web Consortium (W3C) Recommendation. This format can also include metadata and license info within the font file. This format seems to be the winner and where all browsers are headed.

The WOFF format has been supported by all major browsers:

  • Firefox since version 3.6
  • Google Chrome since version 6.0
  • Internet Explorer 9
  • Opera since version 11.10
  • Safari 5.1
  • other WebKit-based browsers since WebKit build 528.

Simplest way to get WOFF font file from TTF is to use sfnt2woff.

WOFF2 is the next generation of WOFF. The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases).

WOFF2 browser support:

  • Google Chrome 36
  • Opera 23
  • Firefox 35 (disabled by default)

Google has special tool to make WOFF2 font from TTF.

Scalable Vector Graphics font (SVG)

SVG fonts are text files that contain the glyph outlines represented as standard SVG elements and attributes, as if they were single vector objects in the SVG image. But this is also one of the biggest disadvantages of SVG fonts. While EOT, WOFF and PostScript-flavoured OpenType have compression built into the font format, SVG fonts are always uncompressed and usually pretty large. The main drawback to SVG fonts is there is no provision for font-hinting.

This format is the only one allowed by version 4.1 and below of Safari for iOS (iPhone, iPad). Currently SVG fonts are not supported by Firefox, IE, IE Mobile and Opera Mini.

TrueType font can be converted to SVG with FontForge.

TrueType Collection (TTC)

TrueType Collection (TTC) is an extension of TrueType format that allows combining multiple fonts into a single file, creating substantial space savings for a collection of fonts with many glyphs in common. They were first available in Chinese, Japanese, and Korean versions of Windows, and supported for all regions in Windows 2000 and later.

Mac OS included support of TTC starting with Mac OS 8.5.

Давно заметил, что Google Web Fonts в своём css файле используют только один формат шрифта woff2:

Тот же FontAwesome подключает сразу около 5 форматов:

При этом работают оба варианта на любых устройствах. Пора ли переходить только на woff2 формат и кто уже изучал этот вопрос?

  • Вопрос задан более двух лет назад
  • 2295 просмотров

Пора ли переходить только на woff2 формат?

Категории шрифтов

Не смогли найти нужный шрифт — предложите его нам, мы обязательно его добавим!

Спасибо, мы добавим этот шрифт как можно быстрее!
Предложить еще один шрифт?

Произошла неведомая ошибка. попробуйте позже, или воспользойтесь формой обратной связи!


[an error occurred while processing the directive]
Карта сайта