我们为什么要包括TTF，EOT，WOFF，SVG，...以字体的脸我们为什么要包括TTF，EOT，W

在CSS3 font-face ，有包括如多发性字体类型ttf ， eot ， woff ， svg和cff 。

我们为什么要使用所有这些类型的？

如果他们是特殊的，以不同的浏览器，为什么比主流浏览器的数量越多他们的数量？

Answer 1:

总之，字体面已经很老了，但直到最近才得到了比IE更支持。

• eot是需要互联网探索者是比IE9旧的-他们发明了规范，但EOT是剔除了太多的字体特征可怕的格式。

• ttf和otf是正常的旧字体，但有些人恼火，这意味着任何人都可以下载并使用它们。

• 大约在同一时间，在iPhone和iPad的iOS实现svg字体。

• 然后， woff是发明了具有阻止人们盗版字体的模式。 这是优选的格式。

如果你不希望支持IE 8，下，和iOS 4，下，和Android 4.3或更早版本，那么你可以只使用WOFF（和WOFF2，更高度压缩WOFF，用于支持其最新的浏览器。）

@font-face {
  font-family: 'MyWebFont';
  src:  url('myfont.woff2') format('woff2'),
        url('myfont.woff') format('woff');
}

支持woff可以在检查http://caniuse.com/woff
支持woff2可以在检查http://caniuse.com/woff2

Answer 2:

WOFF是TrueType的压缩（压缩）形式 - OpenType字体。 它体积小，可以在网络上像一个图形文件交付。 最重要的是，这样的字体被保留完全包括渲染，很少有人在意，因为他们只使用拉丁字母规则表。

看看[去除死URL]。 你看到的字体是交付smartfont（WOFF）的实验性网络有数千个组合字符进行复杂的形状。 底层的文字是罗马Singhala简单的拉丁语代码。 （复制并粘贴到记事本，看看）。

只有WOFF能做到这一点，因为没有人有这种字体，但它是在任何地方看到（苹果机，运，Linux和甚至除非IE。IE不具备开放式的类型全面支持所有浏览器的智能手机）。

Answer 3:

WOFF 2.0，基于所述Brotli压缩算法和过WOFF 1.0让步的文件大小减小超过30％的其它改进，在浏览器，Opera和Firefox是支持。

http://en.wikipedia.org/wiki/Web_Open_Font_Format http://en.wikipedia.org/wiki/Brotli

http://sth.name/2014/09/03/Speed-up-webfonts/对如何使用它的一个例子。

基本上你添加一个src网址到woff2文件并指定woff2格式。 在WOFF格式之前有这个是很重要的：浏览器将使用它支持的第一种格式。

文章来源: Why should we include ttf, eot, woff, svg,… in a font-face