你盯着挠头的时候，是不是也遇到过这种情况——明明图片颜色都调得倍儿漂亮，按钮位置也摆得特合理，可整个网页就是透着股说不出的别扭你说啊，去年有个做烘焙工作室的姑娘找我吐槽，她家网店转化率死活上不去，最后发现问题居然出在用了少女漫画同款圆润字体！客户看见产品描述用萌萌哒字体，下意识觉得不专业。今天咱们就唠唠这个新手最容易踩的坑，顺便教你怎么用字体让网页自己会说话。
（抓耳挠腮.jpg）先得搞明白字体这玩意儿到底能干啥。你们记不记得小时候老师让手抄报必须用正楷？其实网页字体就跟这个道理差不多。举个活例子，政府官网清一色用宋体黑体，不是他们不懂审美，是要传递权威感。反观那些儿童教育机构的网站，十个里有八个用圆体，为啥？因为看着亲切没距离啊！
最近有个数据特有意思，某设计平台统计了500个高转化落地页，发现超过73%的页面主标题字号在36px-42px之间。但光知道字号还不够，我见过最绝的案例是某护肤品牌，同一字号下换了三种字体测试，最后选中的那款居然让购买率飙升了20%。这玄学背后其实藏着门道——西文字体的x高度直接影响阅读流畅度，说人话就是字母胖瘦得合适，太瘦了看着费劲，太胖了又显笨。
新手最常犯的错我得拎出来说说。前两天看到个做民宿的网页，正文用了带衬线的楷体，看得人眼珠子直打架。你们记住啊，衬线体适合打印材料，屏幕上最好用非衬线体。还有个哥们更离谱，首页标题用了七种不同字体，美其名曰"层次感"，结果访客平均停留时间只有11秒。这里划重点：全站字体别超过三种，主标题、副标题、正文各司其职就够用。
（敲黑板）我知道你们要问：那到底怎么选字体才不出错？咱直接上干货。做科技类网站试试Roboto或者SF Pro，医疗健康类闭眼选Lato准没错，要是搞艺术展览的，Playfair Display这种带古典味儿的衬线体反而能出彩。再教你们个野路子——去扒行业top3网站的字体，用浏览器插件直接检测，站在巨人肩膀上不丢人！
说到这儿必须提个血泪教训。去年帮朋友改版茶室官网，原本用的宋体看着老气横秋。后来换成思源宋体，把字间距调到1.2倍，页面突然就透出文人雅士那味儿了。所以说字体这事吧，微调比换字体更重要，有时候改个行距或者字重，效果比换整套字体还明显。
最后说个反常识的。你们是不是觉得免费字体肯定比收费的差？还真不是！Google Fonts里藏的宝贝多了去了，像Noto Sans这种全能型选手，支持100多种语言不说，显示效果也不比某些收费字体差。当然要是预算够，买套Helvetica Now绝对能镇场子，毕竟这字体在纽约地铁用了半个世纪都没过时。
突然想起来个关键问题：中英文混排怎么办？这事儿可太要命了。上周看到个双语教学网站，中文字用微软雅黑，英文非配个Times New Roman，看着就像西装搭运动鞋。我的私藏方案是思源黑体配Roboto，这两个字体粗细变化匹配，看着就像亲兄弟。要是走文艺路线，试试方正清刻本悦宋配Minion Pro，保证逼格满满。
（拍大腿）差点忘了说移动端！现在人刷手机比看电脑多十倍不止，但好多设计师还按PC端套路来。记住手机屏幕上的字要比电脑大1.2倍，而且笔画粗细得调整。比如电脑端用Regular字重的，到手机端就得换Medium，不然在太阳底下根本看不清。还有个秘诀——iOS系统优先用San Francisco字体，安卓用Roboto，系统自带的字体渲染效果最顺眼。
说一千道一万，字体这事儿就跟炒菜放盐似的，合适最重要。前两天看见个卖辣酱的网页用了超级Q萌的字体，结果评论区全在问"这牌子是不是改行做婴儿辅食了"。所以啊，别光顾着自己喜欢，多站在用户角度想想。要是拿不准主意，干脆把备选字体打印出来贴墙上，退后三米眯着眼看，哪个最先抓住眼球就用哪个。
小编观点：我见过最牛的设计师能用三种字体讲出品牌十年故事，也见过花里胡哨的页面把客户直接吓跑。说到底字体不是选美比赛，关键是让每个字都成为无声的推销员。下次改版前先把默认字体换了试试，说不定惊喜就在Ctrl+B和Ctrl+I之间等着你呢！
