13.9.1 Web字体介绍
CSS规则＠font-face为Web字体创造了可能，该样式规则允许CSS指向服务器上的一种字体供网页使用。
很多人认为Web字体是新生事物。实际上，Web字体大约在1998年就产生了。Netscape Navigator 4和Internet Explorer 4均采用了这种技术，但它们的实现都不支持标准的字体文件格式，因此很少有人用到它们。直到将近十年以后，浏览器才开始采纳这种使用更为常见的字体文件格式的标准，Web字体的使用才变得常见起来。
1.Web字体文件格式
Web字体可以使用一系列文件类型。
1）内嵌OpenType
在使用＠font-face时，IE8及之前的版本仅支持内嵌OpenType（.eot）。内嵌Open-Type是微软公司的一项专有格式，它使用数字版权管理技术防止在未经许可的情况下使用字体。
2）TrueType和OpenType
TrueType（.ttf）和OpenType（.otf）是桌面计算机广泛支持的标准字体文件类型，Firefox（3.5及之后的版本）、Opera（10及之后的版本）、Safari（3.1及之后的版本）、Safari（iOS4.2及之后的版本）、Chrome（4.0及之后的版本）及IE（9及之后的版本）均支持它们。
3）Web开放字体格式
Web开放字体格式（.woff），这种较新的标准是专为Web字体设计的。Web开放字体格式的字体是经压缩的TrueType字体或OpenType。WOFF格式还允许在文件上附加额外的元数据。字体设计人员或厂商可以利用这些元数据，在原字体信息的基础上，添加额外的许可证或其他信息。这些元数据不会以任何方式影响字体的表现，但经用户请求，这些元数据可以呈现出来。Firefox（3.6及之后的版本）、Opera（11.1及之后的版本）、Chrome（6.0及之后的版本）及IE（9及之后的版本）均支持Web开放字体格式。考虑到Web开放字体格式得到广泛支持，这种格式可能会被选为行业标准。
2.下载一个Web字体
下载免费的Web字体很快，也很方便，很多网站都提供免费字体下载，例如Font Squirrel（http：//www.fontsquirrel.com/fonts），如图13-9所示，选择想使用的字体即可，在这里选择AlexBrush和ArchitectsDaughter这两种。
单击“download”链接，就会开始下载。下载的文件是一个ZIP压缩包。
下载完成后，打开压缩包，就会看到一个Web字体文件，如图13-10所示。
双击该Web字体文件，可以看到该字体的示范，如图13-11所示。
如果需要在Photoshop中使用这些字体，可以将ZIP压缩包中的TrueType（.ttf）字体或OpenType（.otf）字体安装到自己的计算机上。安装完成后，就可以像使用其他字体一样使用该字体了。
图13-9 字体下载网站
图13-10 下载的字体文件
图13-11 字体示例