<p class="zw">当人们看一个设计稿时，经常把焦点放在色彩鲜艳的图形和照片上，但是一个好的设计可能是因为选择了一款个性的字体。这就是为什么我们需要制定Web设计风格指南，我们在客户说一些很外行的话的时候就会用到它。我们首先关注排版元素：标题、段落、各种列表、引用、表单和表格文本，以及其他元素。</p> <p class="zw">当我们设计版式时，通常会平衡个性和可读性。偶尔，我们会发现这两个属性融合于一个字体上，而有时需要组合使用两种字体才行。一种字体作为主要字体，而另一种字体则体现个性的一面。在工作中，我们为选择合适的字体花了大量的时间。</p> <p class="图"><img alt="0601.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/30.jpg"></p> <p class="图题">这种HTML字体元素集合的形式并不罕见，Jeremy Keith的Pattern Primer和Bourbin Bitter也和我们的很类似，你还会发现很多框架都采用这种方法。</p> <p class="图"><img alt="0602.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/31.jpg"></p> <p class="图题">在SETM Learning的设计项目中，我们采用了高度灵活的Bliss字体。在整个网站中，我们使用了它的多种风格和粗细。</p> <p class="图"><img alt="0603.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/32.jpg"></p> <p class="图题">在国王学院医院的项目中，我们使用了Aktiv Grotest和Lexia这两种字体，它们都来自字体设计公司Dalton Maag。</p>
