网页设计排版技巧:网页排版的规则和准则(2)

VS

字体配对

字体配对是将两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思，但对于初学者却并非易事。选择一种或多种的漂亮字体就够了，但是，你只是想完美配对两种字体，从理论上讲，难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践，为网站中所有的大标题使用一种字体，在一些简单段落里使用另一种字体，看看最终效果是否很单调。Douglass Bonneville书中就详细罗列了数千种字体配对，有兴趣的朋友可以去看看。

字体大小/粗细对比

如果你把字体弄得难以辨认，这是犯了大忌。你也知道字体配对对于精美排版的重要性，而不是用一些统一的文本。即使你找到了很棒的字体搭配，还是不要忘记为字体设置合适的大小和粗细。字体粗细和大小设置不当基本上就毁掉了之前的搭配，因为这会让你已经使用的不同字体难以辨认。还应注意一点，背景图片跟字体颜色相近或不匹配，会导致字体淹没在背景图片当中。

字体替换方法

在过去，设计师必须使用用户电脑，甚至带文本图片上有的字体，这样字体才会正确显示。随着技术不断发展，HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具，这些工具搜集了很多字体，用户不用安装专门的字体，字体照样正确显示。

@font-face

@font-face是最简单的替换方法之一。几年前曾对此做过介绍。因为没有乱糟糟的JavaScript和jQuery“捣乱”，它实现起来非常简单，只依靠CSS和额外的几句代码即可运行。font-face唯一的弊端可能在于，不同浏览器对渲染的处理方法不同，使用最新版本的浏览器应该能尽量避免这个问题，但是无论如何，既然遇到了问题，我们不能撒手不管。

Google字体

虽然Google在2010年就发布了自己的字体库，并已收录了大约500多种字体。Google字体的API因其简单方便，值得信赖而被广泛使用。不过它的唯一弊端就是缺乏高质量的字体。虽然它提供了完整的字体类型，由于缺乏优质字体，会削弱网站的实力。

Typekit

Typekit是一项存在很多年的知名服务。它收集的字体大约上千种，并且大部分都很漂亮，这也是它深受欢迎的原因所在。另一个原因则是，它提供了Google没有的付费的@font-face字体解决方案。该服务于2009推出，一年之后小有名气，比Google字体成名要早。唯一的弊端是让许多潜在客户头疼的支付方法。它是按年收费，除此之外，不同的价格套餐，网站页面浏览量，和每个网站使用的字体数都有限制。

FontSquirrel

它最给力的地方在于可使用的字体非常多，并且是完全免费的。它提供的字体深受喜爱，在许多网站上完全可免费使用。FontSquirrel甚至允许你使用@font-face生成器，创建你自己的@font-face字体包。