在CSS3 font-face，有包括如多发性字体类型ttf，eot，woff，svg和cff。
我们为什么要使用所有这些类型？
如果它们专用于不同的浏览器，为什么它们的数量大于主要Web浏览器的数量？
我们为什么要在字体中包含ttf，eot，woff，svg ...
Woff是TrueType-OpenType字体的压缩（压缩）形式。它很小，可以像图形文件一样通过网络传送。最重要的是，通过这种方式可以完全保留字体，包括几乎没有人关注的渲染规则表，因为他们仅使用拉丁脚本。
看一下[删除无效网址]。您看到的字体是实验性网络提供的smartfont（woff），它具有成千上万个组合的字符，可以形成复杂的形状。基础文本是罗马化的Singhala的简单拉丁代码。（复制并粘贴到记事本中查看）。
只有woff可以做到这一点，因为没有人拥有此字体，但是在任何地方（Mac，Win，Linux甚至是除IE之外，所有浏览器都可以在智能手机上看到它），但IE除外。IE不完全支持开放类型。
Chrome，Opera和Firefox支持基于Brotli压缩算法的WOFF 2.0和对WOFF 1.0的其他改进，使文件大小减少了30％以上。
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格式之前使用此格式很重要：浏览器将使用它支持的第一种格式。