衬线还是无衬线? …… 或者monospace 或cursive ?
时下正在进行的关于衬线和无衬线的争论不得不涉及清晰度问题。双方都有的言辞激烈的支持者。随着屏幕尺寸、分辨率和像素密度的增加,关于毛边较少的无衬线字体会增加清晰度的论据失去了一些优势。像Host Hochuli 在《排版细节》(Detail in typography)一书中展示的那样,衬线字体可能更容易阅读,但是很多人对它们的熟悉程度,以及对网上通常使用的字体的依恋,不管怎样都会使这些字体更容易阅读。即使专门为显示器设计的字体在跨平台方面也会遇到困难。在一台显示器清晰易读的字体在另一台显示器上可能会有所不同。
考虑到清晰度,在为显示器选择字体时这里有一些关键的参考因素。 广州网站建设,网站建设,广州网页设计,广州网站设计
熟悉的字母样式。选择大家熟悉的样式。避免使用那些打破常规的“奇异”字体。永远不要把正文全部设置成大写或全部使用小型大写字母,要注意斜体字(italic)、倾斜字(oblique)和其他变体。比如,升部和降部对清晰度非常重要。在选择字体时,要选择“b”、“d”这类字母的升部高于x-height,以及“p、“q”这类字母的降部低于x-height 的字体。
选择为显示器设计的字体。很多字体并非为显示器设计,甚至在设计时没有进行过优化。如果一个字体的线条没有被很好地设计,显示时就会出现问题。比如,当字号很小时,大写字母“A”中间的横杠就会消失,其他衬线和精致的字形也会消失。
选择真实的字体而不是合成的字体。仔细考虑一下那些你想用的字体的可用字形。很多通用的字体有仅仅有正体、粗体、斜体和粗体斜体可用。不管提供什么样的风格变体,都需要专门的设计。
浏览器可以合成字体。一个典型的例子就是合成斜体字,更确切地说是倾斜字(在不改变字母形状的前提下,把正体倾斜一定角度,来模仿真正的斜体字)。那个苹果电脑上无处不在的、由Charles Bigelow 和Kris Holmes 设计的Lucida Grande字体根本没有斜体样式。然而,这并不会阻止人们通过CSS 展现出斜体样式。浏览器会合成它,但是看起来很糟糕。小型大写字母是另一个例子,没有一个核心的网站字体包含它。然而,我们有时会采用合成的方式。技巧是避免使用合成字体,根据你的判断力来判断什么时候这样做和为什么这样做。
充裕的x-height。这是与整个字体高度相比,基线和小写字母“x”(由此命名)顶端的距离。一个充裕的x-height 对于清晰度是很重要的,尤其是对显示器而言。Georgia 和Verdana是专门为显示器设计的字体,它们都有较充裕的x-height。
让人舒服的字母间距。可以通过CSS 的letter-spacing 属性调整字母间距;一个已经具有良好间距的字体是一个非常好的出发点。
让人舒服的单词间距。这是单词间的空隙。它可以通过CSS 调整,但是即使不调整也应该看起来很舒服。
广州网站建设,网站建设,广州网页设计,广州网站设计



