做独立站的时候，我最近被一个前端朋友吐槽了。他说我挑的字体太像九十年代的Word文档，看着就累。我那时候才反应过来，原来“建设网站一般用什么字体”这个问题，真没那么简单，不是随便找个能看的就行。以前我觉得，反正用户能看清字就行，黑体、宋体通杀得了。但数据不会骗人，根据百度指数和全球Web字体趋势报告，2023年国内移动端的无衬线字体（Sans-Serif）使用率超过了78%，而传统的宋体或衬线体在移动端的小屏幕阅读体验上，点击率和停留时间明显低了一截。

咱们先说个真实案例。我有个做跨境电商的朋友，之前网站一直沿用传统的衬线体，觉得那样显得“有文化”。结果改版前后的A/B测试显示，新页面采用了类似的Roboto或者PingFang SC（苹方）这种无衬线字体后，跳出率降低了大概12%，平均停留时长增加了20秒。这20秒在电商里可能就是转化率的巨大差异。为啥？因为衬线体的笔画末端有装饰，在小分辨率屏幕上容易糊成一团，或者产生锯齿，视觉疲劳自然快。而无衬线字体线条干净，在视网膜屏幕（Retina Display）上清晰无比，看着舒服，用户才愿意往下翻。

当然，也不是说衬线体一无是处。如果你在做一个高端的品牌故事页，或者文学类网站，用一些特定的衬线体，比如Georgia或者Noto Serif CN，确实能营造出那种严肃、经典的感觉。但这种字体，建设网站一般用什么字体搭配呢？通常建议正文不要用，只用来做标题。比如主标题用有性格的字体，正文还是老老实实用系统自带的黑体系列。

这里有个很多人忽略的细节，就是字重（Weight）和行高（Line-height）。很多小白设计师，觉得字大就好，结果堆在一起密不透风。我记得有一次帮客户调整排版，我把正文的行高从1.5调整到了1.8，字体大小从16px微调到了18px，虽然改动不大，但用户反馈说“看起来不费劲了”。这就是细微体验的差别。字体不仅仅是选样子，更是选阅读节奏。

再说回中文环境。很多人习惯直接调用的微软雅黑，这其实是个坑。因为微软雅黑的渲染在Mac系统上和Windows上表现不一致，而且它的版权虽然对于个人用户比较宽容，但在企业商用上是有风险。现在主流的做法，是调用操作系统的默认无衬线字体栈。比如在CSS里写font-family: "PingFang SC", "Microsoft YaHei", sans-serif; 这样浏览器会优先调用苹果设备上最完美的苹方，在Win10/11上调用雅黑，再fallback到通用的sans-serif。这种兼容性才是专业的体现。

我也试过一些免费的可商用字体，比如思源黑体。它的优势在于字重特别多，从超细到超粗都有，而且完全免费。我用它在后台管理系统的表格标题上，效果确实不错。但是，建设网站一般用什么字体来决定加载速度也是个问题。如果你把所有字重都加载进来了，那个woff2文件得有几十MB，首屏加载直接卡死。我的建议是，只加载你实际用到的那几个字重，比如Regular和Bold，其他的通过后端子集化裁剪，或者按需加载。

最后总结一下，选字体没有绝对的标准答案，只有最适合你场景的选择。如果你想追求极致的清晰度和现代感，无衬线体是王道；如果你想要强调品牌调性和艺术感，衬线体可以局部使用；如果你担心版权和兼容，系统默认字体栈是最稳妥的退路。别为了标新立异而牺牲可读性，毕竟，网站的第一要务是让人把信息看进去，而不是让你炫耀字体有多独特。毕竟，用户没耐心读那些像天书一样的艺术字，他们只想快速找到他们想要的答案。这点常识，比任何花哨的设计都重要。

其实，做网站就像做菜，盐多了咸，水多了稀。字体也是如此，选对了，用户根本感觉不到它的存在；选错了，用户会觉得浑身不自在。所以，在建设网站一般用什么字体这个问题上，多测试、多对比，别怕麻烦。哪怕你只是把字体大小调大1px，把颜色调暗一点，可能效果都比换个奇葩字体来得实在。真诚地对待每一个像素，用户自然会感受到你的用心。