做网站字体一般设置，这话题听着挺小，其实里头水深得能淹死人。我干建站这行15年了，见过太多老板或者刚入行的小白，觉得字体嘛，随便选个黑体不就完了？大错特错。你想想，你打开一个网页，满屏都是那种细细的、甚至有点发虚的宋体，或者那种毫无个性的默认系统字体，你读得下去吗？反正我是看不下去，直接关掉。

咱们做网站的，最终目的是让人看，让人买，让人转化。字体就是脸面。脸都长歪了，谁愿意跟你掏钱？今天我就把压箱底的经验掏出来，不讲那些虚头巴脑的理论，只讲怎么实操，怎么让老板满意，让用户舒服。

首先，你得明白一个死理：移动端和PC端，字体大小绝对不能一样。以前我们做站，习惯把PC端正文设为14px或16px。到了手机端，如果你还这么干，用户得拿放大镜看吗？绝对不行。做网站字体一般设置的核心，就是响应式。手机端正文至少16px，甚至18px更稳妥。行高呢？别省那点代码，行高至少要是字号的1.5倍到1.8倍。1.5倍看着紧凑，1.8倍看着透气。我建议你用1.6倍，这是个黄金比例，看着不累眼。

第二步，选字体。别用宋体！真的，除非你是做那种特别古风、特别严肃的公文网站。对于绝大多数商业网站，黑体、无衬线字体是王道。比如微软雅黑，虽然有点俗，但它兼容性好，Windows系统里渲染不错。但是，微软雅黑在Mac上显示效果一般，甚至有点糊。这时候，你得用CSS做兼容处理。

这里有个坑，很多人不知道。直接写 font-family: 'Microsoft YaHei'; 是不够的。你得写一个栈。比如：font-family: "PingFang SC", "Microsoft YaHei", sans-serif; 这样，苹果用户看到的是苹方，Windows用户看到的是雅黑，其他系统用默认无衬线字体。这样既保证了美观，又保证了兼容。别嫌麻烦，这几行代码能省下你无数次的售后投诉。

第三步，颜色。字体颜色别用纯黑，#000000。纯黑在白色背景上对比度太高，刺眼，容易让人视觉疲劳。我一般用深灰色，比如 #333333 或者 #2c2c2c。这样看起来柔和很多，显得有质感。标题可以稍微黑一点，正文稍微灰一点，层次感一下就出来了。

第四步，字号层级。首页、列表页、详情页，字体大小要有区别。详情页正文16px-18px，标题20px-24px。别搞那种忽大忽小的，看着头晕。还有，别用em或者rem乱换算，虽然它们灵活，但对于新手来说，容易搞崩布局。直接用px，然后媒体查询去适配，简单粗暴有效。

最后，提醒一句，别搞那些花里胡哨的自定义字体文件，除非你是搞设计工作室官网。普通企业站，加载速度慢就是原罪。字体文件太大，用户还没加载完就走了。所以，能系统自带就用系统自带，别自己上传woff2文件，除非你有足够的带宽和CDN支持。

做网站字体一般设置，看似是小事，其实是用户体验的大头。你把这些细节做好了，用户在你网站上多停留一分钟，转化率可能就高百分之五。这钱，比投广告划算多了。

我见过太多同行，为了省那点CSS代码，搞出一堆兼容性问题，最后客户骂娘，自己还得加班改。何必呢？一步到位，把基础打牢。字体设置好了，网站的气质立马不一样。别偷懒，别将就。咱们做技术的，得有点职业操守，也得有点对用户的敬畏心。

记住，字小一点，行宽一点，颜色柔和一点。就这三点，足够你打败80%的竞争对手。剩下的20%，拼的是内容和服务。但如果你连字都看不清，内容再好也没用。

希望这篇干货能帮到你。要是你还在那儿纠结用宋体还是楷体，或者还在用12px的字体，赶紧改。别等客户投诉了再后悔。建站这行，细节决定成败，字体就是那个最容易忽视，却最容易出彩的细节。

本文关键词：做网站字体一般设置