网站设计字体的10个使用准则

一、使用一种字体足矣

据调查表明，当一个页面中使用的字体超过 3 种时，会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。

正常情况下，页面中采用一种字体就好了，两种的话勉强可以接受，但必须要尽量把字体间的差异性降到最低，且网站设计上也得尽量和谐。

二、使用标准字体

当人们在熟悉的环境面前，会更加“如鱼得水”。同理，当浏览网页时，看到是的熟悉的字体，用户能够更加快速的 get 到自己想到的信息。

另外，由于浏览器的“限制”，不是所有的字体都能与所有浏览器“兼容”，即有些能在 Google Chrome 中显示的字体，也许到了火狐上就会显示出错，这样容易影响到用户的阅读体验。

最保守的做法就是采用系统默认字体：比如 Arial、Calibri、Trebuchet 等。

三、合理设置行文本的长度

据国外研究所调查表明：如果想要给用户一个良好的阅读体验，网页中的行文本长度最好控制在 60 个字符（约 30 个汉字）左右，这可以提高文本的可读性。

四、字体的可读性

不管你选择哪种字体、使用哪种大小规格，“可读性”绝对是需要优先考虑的第一要素。“可读性”除了字体本身外，还需要考虑到访问设备的“兼容性”问题。

如今，移动设备的流量甚至已经超过了 PC 端。用户可能通过手机、也可能平板等移动设备访问你的站点，所以这时候应该考虑到字体在不同设备的显示问题，即：在小屏设备中是否也同样具有“可读性”。

建议：保证网页字体在小屏设备中的“可读性”，最好不要使用“草书字体”。

五、字母的“可辨性”

这点在中文里比较不容易产生影响，更多是使用英文时需要注意。

在英文中，很多字母容易产生混淆，比如大写的“I”和小写的“l”、当“r”和“n”连在一起时可能产生“m”的错觉。所以，在选择字体时，也应该注意“字母的可辨性”。

六、别都用大写字母

这点也多存在于英文中，也还是涉及到了“可读性”的问题，虽然所有字母都采用大写确实挺好看的，但“可读性”却较小写字母降低了不少。

七、文本的间距

据研究表明，恰当的“行间距”可以提高用户对文本内容的理解度，过宽、过窄都会对用户阅读体验产生负面影响。

八、文本颜色的“对比度”

据 W2C 给出的建议：小字体的颜色与背景色的对比度至少应该为 4.5 ： 1 ；而大字体（14pt、18pt +）的应达到 3 ： 1.

九、避免使用红、绿两色文本

这点主要是针对色盲人士，据调查显示男性中色盲率达到了 8%，而“红色”和“绿色”是色盲中最常见的。所以，在给字体配色时，尽量避免单独使用这两种颜色中的任意一种。

十、避免使用文字闪烁效果

“文字闪烁”绝对是一个负面的存在，虽然吸睛，但容易引起用户的抵触情绪，让用户产生分心、厌恶的心理。