网站上的字好不好读,用户不会专门评价,但会影响他愿不愿意多看几眼。字体这块的选择空间比想象中小,中文字体尤其如此。
掌握几条基本原则,不用懂设计也能判断做得对不对。
一、中文字体的现实限制
中文字体文件很大,一个字体动辄几兆。整站引入一个中文字体,会让页面加载变慢,得不偿失。所以网站上的中文正文,多数情况下用的是系统自带的字体。
系统自带的字体在不同设备上不一样。苹果设备上有苹方,安卓设备上多是思源黑体或者厂商自带字体,电脑上多是微软雅黑。写字体设置的时候按优先级排列,让系统自己选可用的那一个。
标题或者特别强调的地方,可以用特殊的字体,但要把用到的字单独提取出来做子集,或者做成图片。前者适合标题固定不变的场景,后者适合文字不多的地方。这两种做法的共同点是控制体积。
二、字号和行距
正文的字号,电脑上一般十六到十八像素。小于十六像素,中文字符笔画密,看起来费劲。手机上因为屏幕离得近,可以稍小一点,但也不建议低于十五像素。
行距一般是字号的百分之五十到八十。字号十六像素,行距二十四到二十八像素之间比较舒服。行距太小显得挤,太大又显得松散,读的时候眼睛要跳。
段落之间要有间距。段间距跟行距拉开区别,用户才能一眼看出一段到哪结束。只有行距没有段距的排版,整块文字连在一起,很难读。
每行的字数也要控制。电脑上每行二十五到四十个汉字比较合适,太长了眼睛从行尾换到下一行行首容易串行。
三、字体数量要控制
整站用两种字体就够,一种用于正文,一种用于标题。用四五种字体的页面,看着热闹但很乱,也会拖慢加载。
同一个字体里可以做粗细变化。标题用粗,正文用常规,这是最省事的层次区分方式,比换字体好。
不要用艺术字体做正文。花体、手写体这类字体适合做标题或者装饰,用在正文里读起来很累。用户看网站是为了获取信息,不是欣赏字体。
四、几处实用性建议
数字和英文可以用等宽的或者专门的西文字体。中文字体里的英文和数字往往不够好看,单独设置一下能提升观感。表格里的数字用等宽字体,上下对齐更整齐。
文字和背景的对比要够。浅灰字配白底看着高级,但读起来费劲,尤其是中年以上用户。正文用深色,细节处的次要文字可以浅一些,但不要浅到看不清。
测试的时候要在不同设备上看。同一份文字在电脑、安卓手机、苹果手机上的显示效果有差别,行距和换行位置都不同。三处都看过一遍再定稿。
最后一条,正文不要用斜体。中文的斜体是强行倾斜的,观感很差,强调用加粗或者换个颜色。
