字体格式指南:TTF、OTF、WOFF、EOT和SVG

EOT、TTF、WOFF、SVG、WOFF2...字体格式有很多选择,但没有一种适合所有浏览器。这意味着我们必须使用多种字体格式来提供一致的体验。

现在,让我们回顾一些基础知识,仔细看看互联网上使用的不同字体格式。

TrueType字体格式是由苹果和微软开发的,作为对PostScript字体格式的回应。长期以来,TTF一直是Mac和Windows操作系统上最常见的字体格式。所有主流浏览器都支持它。但是,IE8不支持TTF;从IE9开始,它只受到部分支持,因为字体必须设置为“可安装”。

TTF允许最基本类型的数字版权管理——一个可嵌入的标志,它指定作者是否允许在PDF文件和网站中嵌入字体文件。有些工具允许你修改这个标志,这是TTF格式的主要问题之一。另一个缺点是TTF/OTF字体没有被压缩,所以它们的文件比较大。

OpenType是TTF的进化。这是Adobe和微软共同努力的结果。OpenType字体在一个组件中包含屏幕和打印机字体数据。OTF有几个独有的功能,包括支持多平台和扩展字符集。OTF字体可以在Macintosh和Windows操作系统上使用。

OTF还允许存储多达65,000个字符。这种额外的空间使设计者可以自由地包含额外的组件,如小写字母、旧式图形、备用字符和其他额外的字符,这些在以前必须作为单独的字体分发。

EOT字体是微软设计的用于互联网的字体。这是试图解决TTF和OTF在网络上发表时的版权缺陷。EOT使用微软工具从现有的TTF/OTF字体创建字体。压缩和子集化使字体文件更小。Subset提供了一些版权保护,但是EOT也使用加密来进一步保护。这听起来有希望吗?可以,但EOT格式仅受Internet Explorer支持。

WOFF本质上包含基于SFNT的字体(如TrueType、OpenType或其他开放字体格式),这些字体由WOFF的编码工具压缩后嵌入网页。这是Mozilla基金会、微软和Opera软件合作的结果。因为字体是压缩的,所以加载速度更快。元数据允许将许可证数据包含在字体文件中,以解决版权问题。这是万维网联盟的一个提案,显然是字体格式的未来。

WOFF2是WOFF的下一代。与原始WOFF相比,WOFF2格式的平均压缩增益为30%。由于它仍然只是一个建议的升级,它没有得到WOFF的广泛支持。

SVG字体是使用SVG的“font”元素定义的。这些字体包含作为标准SVG元素和属性的字形轮廓,就好像它们是SVG图像中的单个矢量对象一样。SVG字体最大的缺点就是缺少字体提示。字体提示是嵌入的额外信息,可以呈现有质量和可读性的小字体。另外,SVG不适合文本。因为不能在Safari、Safari Mobile和Chrome上选择文本,所以不能选择单个字符、单词或任何自定义选项。您只能选择整个文本行或段落。

但是,如果你的目标是iPhone和iPad用户,SVG字体是你唯一的选择。这是iOS 4.1及以下版本的Safari浏览器唯一允许的文件格式。

如你所见,有许多因素可能会影响网页字体的渲染。为了保证质量和一致性,有必要对所有可能的操作系统和浏览器组合进行测试。