我们一般通过在下列三个维度营造对比，以试作标题与正文的区分。字重Fontweights： 标题字体更粗，或者更细。想要了解更多如何巧妙驾驭字重的信息？移步我的文章 What You Can Do with Different Font Weights.字号： 标题字体更大。颜色：为标题字体选择一种与众不同的颜色。改变字重、字号和文字颜色可以制造对比并营造层次感，但其实我们还可以通过在其他的方面再玩点花样来制造对比如果我们有不只一种字体可供选择的话）。而且，这些把戏相当有趣。不同的字体和不同的版式设置为创造对比提供了更多的可能性。字重、字号和字体颜色之外，我们再来看看字体比例、字型、大小写和字距。字体的宽度或比例各有不同。有些狭长而拥挤。有些很规则，在标准范围之内。还有一些粗重而扁阔。下表总结了一些 web 字体应用中的常用比例。对于设计师来说，我们可以通过字体的宽度来将它们区分开。比方说，我们可以在标题中使用 Open Sans Condensed Bold 而在正文中使用 Open Sans Regular ； 在标题中使用 Montserrat ，在正文中使，Source Sans Pro ； 在标题中使用长体的 Oswald，在正文中使用标准的 serif 或者 sans serif 。为了营造对比，我们挑选出字型不同的字体。还记得我们总会听到的超简单的原则吗？就是选择一种无衬线字体，在挑一种衬线字体来搭配它。这其实是利用字型之间的差异来营造对比。我们也可以选择一种手写script或者特印display字体作为标题的字体，然后再选择一种衬线serif或者是无衬线sans serif字体来作为正文字体。这有着无限的可能。
搞设计就逃不掉字体，搞字体就逃不过搭配，除非你一定要一种字体玩到底，不换枪豆瓣的日记就是很烂的字体排版体验，没办法，他们服务器弱吧可能。本文的目的就是帮你在对网页中的字体搭配时显得更加熟悉，清晰。还好字体排版已经存在很久了，其规则和习惯在你排版的时候已经帮了你不少了，同时还有很多资源供你利用。唯一头痛的便是在这个茫茫互联网当中，总归有不少的不同的意见来和你的观点进行冲突。屁话不多说，开始吧。你的目标脑海中时刻要有你的根本目标，你是要设计什么样的，给什么样的人的。当你在挑选不同字体的时候，一定要同时考虑到统一性和多样性。你要用多少种字体？你要用多少种，这完全取决于你自己，但是，一定要时刻回想你需要的整体效果，不要细节很出众，整体一坨屎。字体就像人，有个性的，很多种字体，就相当于有很多种个性，不同的个性会有冲突。把这些字体当做是婚礼上的一桌来宾，我们只需要一个主持来调节婚礼的气愤，主导的人多了就乱了，会变得尴尬，就像一山不容二虎。并不会说你一定或一定不能用多少特殊的字体，但是当你用到很多种字体的时候，这会增加你设计的难度，全部字体要达到和谐不大容易。搭配好的话效果却又是相当具有装饰性和卓著的！用的字体种类少的话说明的你任务很简明扼要，更直接。多试试去用不同的字体，不同的克重，这样的话你就可以完全的弄透一款字体，以后要用到的时候就有记忆了。
协调两个字体之间的关联性在于他们的相同之处。也许他们的字距很接近，也许是比例，也许是首字母高度。看看这些例子，Kerry Scott Jenkins的作品，也许会发现一些相似之处。还有一个辨别它们是否协调的办法就是看它们是否是一个family的，如果都是一个family的，它们自然就会表现的好了对不对。Drord字体集family，是SteveMatteson设计的，广泛地应用于Google的安卓系统，这套字体就很多种的克重和样式，有着衬线的和非衬线的。看看下面的这两个，它们在一起表现是非美观，一个负责挑剔，一个负责正文，搭配的很好。它们简洁而又富有现代感，加上它们非常适用于网页和一些更下的终端，如手机，平板电脑。字体里的X-height指的是从字母的基准线开始往上到最矮字母的顶端的距离，比如x，他的高度就是X字高。X字高的比例相对大些的话就能增加易读性，而比例和易读性都对字体的质量起重要作用的。
