入门：字体替换术

Since the beginning of the web, designers have been restricted to a limited number of fonts
从网页诞生之初以来，设计师们一直被有限数量的字体所束缚。

网页设计的潜力看起来正在一天天地增长。HTML5，CSS3和Javascript这样的技术应用带来了很多令人惊喜而有创造性的网站设计。从纯文本的浏览器时代以来，网页已经走过一段很长的路。尽管如此，网页设计中仍然有一个领域相对而言依然停滞不前。

在任何设计师的“兵工厂”里，要创造网站的外观和“感觉”，排版和字体选择是不可或缺的元素。不幸的是，自网页诞生之初，设计师们一直被有限数量的字体所束缚。能被大多数的网页用户正确显示，设计师能安全地使用的，还能让人提起兴趣的字体是极少的，Helvetica，Arial和Georgia是其中的三种（别忘了Comic Sans）。

为了摆脱这种限制，用字体来表达创意，设计师使用的传统方法是把文字合并到图片中——然而这种方法有许多的缺点。增加了很多可用性问题，并随着加载时间增加，网站的性能也相应地受到负面影响。

这篇文章会探讨一些在网页中不用图片加入非标准字体的方法。我们会看到每个方法的优点和缺点，字体的使用授权，以及这项技术对网页设计师到底意味着什么。

Cufón

要在网页中加入非标准字体，使用Cufón是一个简单、有效得难以置信的办法，它的功能不需要依赖服务端的语言或插件。Cufón只需要几行Javascript代码就能工作，它使用HTML5的画布特性渲染字体，并为Internet Explorer使用VML（Vector Mark-up Language向量可标记语言）渲染字体。

Cufón在主页上提供了一个字体转换工具，它能将你选择的字体转换为SVG，并为你创建一个Javascript文件，你需要在html中引用它。Nettuts+的Jeffrey Way曾写过一篇关于如何在你的网页中集成Cufón的step-by-step优秀教程。

Cufón对很多网页设计师来说是一个很流行的选择，因为它有许多优点，相对来说几乎没什么缺点。它不依赖其它脚本语言或插件，这意味着它对相当大部分受众都是可用的，并且被近期所有的主流浏览器所支持，包括IE9。你还可以直接对Cufón替换的文字应用CSS样式，包括比较新的CSS3特性，例如渐变。考虑到速度，它比sFIR要快得多，而且没那么密集，但它仍然不应该被用在主体的大段文字上。

优点：

• 不同的浏览器间很不错的兼容性
• 可以在你的字体中的只包含字符里的特定集合（ABC，123，等等），以便于控制文件体积。
• CSS字体样式在所有的浏览器中都能保持（颜色、尺寸、阴影⋯⋯）

缺点：

• 文字无法选择
• 表现：最好在顶部、标题和副标题中使用
• 特别的样式（文字修饰、翻转等）需要一些额外的工作。

出处：Seemeloo西米露
责任编辑：bluehearts

上一页 网页设计师的字体替换方法指南 [1] 下一页 网页设计师的字体替换方法指南 [3]