为什么要在字体中包含ttf，eot，woff，svg等…
在CSS3的 font-face ，有ttf ， eot ， woff ， svg和cff等多种字体types。
为什么我们应该使用所有这些types？
如果它们对于不同的浏览器是特殊的，为什么它们的数量大于主要网页浏览器的数量呢？
总之，font-face已经很老了，但是直到最近才被IE所支持。
-
IE9以前的互联网浏览器需要IE浏览器 – 他们发明了这个规范，但是它是一种可怕的格式，可以去掉大部分的字体特性。
-
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查看;
Woff是TrueType – OpenType字体的压缩（压缩）forms。 它很小，可以通过networking像graphics文件一样传送。 最重要的是，这种方式完全保留了字体，包括很less人关心的渲染规则表，因为他们只使用拉丁脚本。
看看[死链接删除]。 你看到的字体是一个实验性的网页交付smartfont（woff），有成千上万的复合形状组合字符。 底层文本是罗马化Singhala的简单拉丁语代码。 （复制并粘贴到记事本，看看）。
只有woff可以做到这一点，因为没有人使用这种字体，然而它可以在任何地方看到（Mac，Win，Linux，甚至所有的浏览器，除了IE以外，在智能手机上都可以看到IE没有完全支持Open Type）。
基于Brotli压缩algorithm的WOFF 2.0以及其他改进，比WOFF 1.0在文件大小上减less了30％以上，在Chrome，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 url到woff2文件并指定woff2格式。 在woff格式之前有这个是很重要的：浏览器将使用它支持的第一种格式。
