昨天半夜两点,我还在改一个客户的后台。
那哥们儿急得直拍大腿。
说网站打开慢,用户跳出率高达80%。
我盯着屏幕看了半天,最后发现个笑话。
他用了个花里胡哨的艺术字做标题。
看着挺炫,实际上字都糊成一片了。
我就想问,做网站用什么字体最明显?
这问题问得,其实挺扎心。
很多人以为字体越粗、越花哨,就越显眼。
大错特错。
真正的明显,是让眼睛不累。
咱们做网站的,不是搞艺术展。
是给人看东西的。
你想想,你在大太阳底下看手机。
要是字细得像头发丝,你费劲吗?
肯定费劲啊。
所以,第一个原则,别整那些虚的。
黑体,宋体,Arial,Helvetica。
这些基础款,才是王道。
特别是中文,黑体永远的神。
为啥?
因为黑体笔画粗细均匀,没有衬线。
在屏幕上,它比宋体更容易辨认。
宋体虽然好看,有书卷气。
但在手机小屏幕上,那些小三角装饰,容易糊。
看着累眼。
我有个客户,非要用什么楷体。
说显得有文化底蕴。
结果呢?
用户投诉说看不清。
我劝他半天,他才肯换回黑体。
你看,有时候坚持己见,就是自杀。
再说大小。
字体明显,不光看形状,还得看尺寸。
正文别小于16px。
这是底线。
低于16px,那就是在考验用户的视力。
现在谁还没个老花眼或者近视啊?
标题可以大点,24px,32px,甚至更大。
但要留足呼吸感。
别挤在一起。
字间距,行间距,都得给足。
我见过很多网站,密密麻麻全是字。
像墙皮一样。
看着就头疼。
这种网站,谁看谁跑。
颜色搭配也很关键。
黑底白字,白底黑字,最经典,也最明显。
别搞什么红底绿字,那是车祸现场。
对比度要高。
文字和背景,反差越大,越容易看清。
有些设计师喜欢用浅灰色字。
说是高级感。
高级个屁。
用户连字都看不清,你要啥高级感?
要是看不清,用户直接关页面。
你的高级感,没人买单。
还有,别用太生僻的字体。
什么方正细圆,什么汉仪秀英。
除非你品牌调性就是那样。
否则,尽量用系统自带字体。
Windows有微软雅黑,Mac有苹方。
这些字体,兼容性最好。
加载速度也快。
不用额外引入CSS文件。
省流量,省时间。
用户打开网页,瞬间加载出来。
体验感爆棚。
要是为了个字体,加载半天。
用户早跑了。
再说说移动端。
现在多少人用手机看网站?
百分之九十以上吧。
手机屏幕小,手指粗。
字体太小,根本点不准。
所以,移动端字体一定要大。
行高也要大。
1.5倍行高,看着舒服。
1.2倍行高,看着压抑。
细节决定成败。
我有一次帮朋友看网站。
他用的字体,在Chrome上好看。
在Safari上就变形了。
因为没做字体回退机制。
这很尴尬。
所以,写CSS的时候,记得加fallback。
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
这样,不管用户用什么设备,都能显示得差不多。
别太纠结完美。
只要清晰, readable,就行。
做网站用什么字体最明显?
答案很简单。
别整花哨,别太小,别太灰。
用最基础的,最大的,对比度最高的。
这就够了。
剩下的,交给内容。
内容好,字体只是载体。
内容烂,字体再漂亮也没用。
我干了这么多年建站。
见过太多翻车的案例。
都是因为太在意形式,忽略了本质。
用户是来解决问题的,不是来欣赏书法的。
所以,别折腾字体了。
老老实实写内容,好好排版。
这才是正道。
下次再有人问你,做网站用什么字体最明显。
你就告诉他。
清楚,就是最明显。
简单,就是最高级。
别被那些花里胡哨的设计师忽悠了。
他们想赚你设计费,你想留住用户。
出发点不一样,结果自然不一样。
记住,你的用户可能正在挤地铁,可能正在走路。
他们没空仔细辨认那些弯弯绕绕的字。
给他们最直接的阅读体验。
这才是做网站该有的态度。
好了,不说了。
我得去改那个客户的字体了。
希望能早点下班,喝杯啤酒。
这才是生活。