聊聊web字体那些事儿

如何让web应用更加有特点，并忠诚于UI的设计思路及美感，字体一直都是重中之重，特别是对于纷繁的中文字体，要想应用好它们，就需要了解web字体的相关知识。合适的优秀的舒服的字体会让应用更加有吸引力！但随之带来的加载效率性能问题也同样需要关注，鱼和熊掌不可兼得，合适，找到平衡的那一点！

1、字体格式

• ttf格式(TrueType)
  • 最常用的字体格式。由一种数学模式来进行定义的基于轮廓的字体，使得比基于矢量的字体更容易处理，效果与矢量自已一样，保证屏幕与打印输出的一致性，几乎支持所有设备进行输出。
• otf格式(OpenType)
  • 相当于ttf格式的升级版，可以说是用来代替ttf的新字型，增强的跨平台功能，更好的支持Unicode标准定义的国际字符集，支持高级印刷控制能力。
• eot格式(Embedded Open Type)
  • 嵌入字体格式，允许 OpenType 字体嵌入到网页并可以下载至浏览器渲染，这些文件只在当前页活动的状态下，临时安装在用户的系统中。
• woff格式(Web Open Font Format)
  • 一种专门为了 Web 而设计的字体格式标准，只是对于 ttf / otf 等字体格式的封装，并针对网络使用加以优化：每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输，并且不包含任何加密或者 DRM 措施。
• woff2格式(Web Open Font Format2)
  • 这个规范被开发来提供改进的压缩从而降低网络带宽的使用，同时即使在移动设备上仍然允许快速解压。与woff 1.0中使用的Flate压缩相比，这是通过合并一个内容感知预处理步骤和改进的熵编码来实现的。
• svg格式(Scalable Vector Graphics)
  • 可缩放矢量图形，基于XML的，用于描述二维矢量图形的一种图形格式。

2、兼容性

常用的格式TTF