svg--ttf--otf--woff字体发展简史

字体发展简史

@font-face 与 EOT(Embedded Open Type) 格式

之所以把它们放到一起是因为首个实现 @font-face 和 EOT 的是同一家公司 - 微软。早在九十年代 CSS 就有了自定义字体的语法，IE4是首个实现此语法的浏览器，没错，就是IE。不过，字体格式只能是微软自己开发的 EOT(Embedded Open Type) 格式。EOT 允许字体的作者保护字体不被非法复制，微软不允许其他浏览器厂商使用该格式，因此它只能在 IE 下使用。
这对当时来说太超前了。还记得在 windows XP 下看使用了『微软雅黑』的网页吗？当时的系统用一种简单的灰阶反锯齿技术，对于系统的字体这足够了，但对于其他字体，由于缺少人工的优化，字体会变得很虚。因此，本来想改进网页的排版效果，结果却使文字都无法阅读
于是，CSS2.1 中彻底去掉了 @font-face 语法也不足为奇了。

SVG

SVG是什么?Scalable Vector Graphics(简称SVG)，是“可升级矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法，SVG并用文本格式的描述性语言来描述图像内容，因此SVG是一种和图像分辨率无关的矢量图形格式。
　　SVG可以使你设计的网页可以更加精彩细致，使用简单的文本命令，SVG可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。

truetype(.ttf)

truetype(.ttf) 是目前最普遍的字体格式，早在八十年代就被苹果开发出来，当时它作为一种可伸缩的字体格式用来代替位图字体在屏幕上显示，不久微软也接受了这个格式，由于该格式可以针对特定大小做精准的微调，渐渐地成为系统字体的标准。

最新出现的 woff

最新出现的是 woff (web open type format)。woff 属于 W3C 的推荐标准。由两名字体设计师和两位 Mozilla 的开发者设计。最早在 firefox 3.6 上实现。事实上，woff 并不是一种新的字体格式，它只是包装 truetype 和 opentype 并进行压缩，压缩后可以使 truetype 减少 40% 。除此之外，它还允许添加元信息，比如字体作者的许可证，不过浏览器并不对这些许可做任何验证。