做网站最怕啥？

不是代码写不出，

是字体选得烂。

很多老板一上来就问，

给我整几个大气点的字体。

大气是个啥概念？

虚无缥缈。

其实，

字体选不对，

内容再好也白搭。

今天我就掏心窝子，

聊聊一般做网站所使用的字体，

到底该怎么挑。

先说个大实话，

别迷信那些花里胡哨的艺术字。

除非你是做海报，

否则在网页上，

readability（可读性）

才是王道。

你想想，

用户打开你的网站，

满屏都是奇形怪状的字体，

谁有耐心看？

两秒就关了。

所以，

一般做网站所使用的字体，

第一原则就是：

稳。

稳得住，

才显得专业。

咱们国内建站，

最常用的就是黑体。

微软雅黑，

虽然有点俗，

但胜在兼容性无敌。

不管你是用苹果还是安卓，

不管你是IE还是Chrome，

它都能乖乖听话。

别嫌它普通，

普通意味着不出错。

对于大多数企业官网，

黑体绝对是首选。

正文用黑体，

标题用加粗的黑体，

层次分明，

看着清爽。

当然，

如果你想搞点差异化，

那就得加点小心思。

这时候，

一般做网站所使用的字体，

就可以考虑引入一些衬线体。

比如宋体。

但注意，

千万别用电脑自带的旧宋体，

那个笔画太细，

在小屏幕上根本看不清。

要去字库网站，

找那种专门优化过的网页宋体。

这种字体，

既有书卷气，

又保证了清晰度。

用在文章详情页，

或者品牌故事板块，

瞬间格调就上来了。

还有一种情况，

就是数字和英文。

很多设计师喜欢用那种很细的英文字体，

看着挺高级，

但在手机端，

简直是一场灾难。

建议英文和数字，

还是用无衬线字体。

比如 Arial，

或者 Helvetica。

这两货是经典中的经典，

怎么搭都不出错。

说到这，

肯定有人要问，

那有没有那种“万能字体”？

还真有。

就是系统默认的 sans-serif。

你不用指定具体名字，

直接写 sans-serif，

浏览器会自动调用用户设备里最合适的无衬线字体。

这在移动端适配上，

特别好用。

记住，

字体不是越多越好。

一个页面，

最好别超过三种字体。

多了，

就显得乱，

显得廉价。

就像穿衣服，

全身上下颜色别超过三个，

不然像个调色盘。

再提醒一点，

字体加载速度。

有些小众字体，

虽然好看，

但文件大。

用户打开网页，

要转圈半天，

等你加载完，

用户早跑了。

所以，

一般做网站所使用的字体，

一定要轻量化。

能用系统自带的，

就别去网上下载。

能用woff2格式的，

就别用ttf。

细节决定成败，

这话真不假。

最后，

给新手提个醒。

别光看预览图好看，

一定要在手机上试。

在昏暗的灯光下试，

在强光下试。

看看对比度够不够，

字号够不够大。

这些才是用户真实的使用场景。

字体这东西，

就像空气。

平时你感觉不到它，

但它无处不在。

选对了，

用户舒服，

你也省心。

选错了，

天天被投诉，

还得返工。

希望这篇干货，

能帮你避开一些坑。

记住，

简洁，

才是最高级的复杂。

别整那些花架子，

把内容做好，

把字体选对，

你的网站就成功了一半。

行了，

今天就聊到这。

回去赶紧检查下你的网站，

看看字体是不是该换换了。

别等用户跑了，

才后悔莫及。