Chrome未采用CSS中sans-serif备选字体，如何强制调用设置内无衬线字体？

核心原因 #

Chrome的sans-serif通用关键字本应映射到你在chrome://settings/fonts中设置的「Sans-serif字体」选项，但出现不生效的情况通常有两个原因：

1. 主字体Poppins未正确加载（比如字体文件缺失、引入路径错误），Chrome会 fallback 到浏览器默认的「标准字体」而非你设置的Sans-serif备选；
2. 浏览器对通用字体关键字的映射出现异常。

具体解决方法 #

1. 确认主字体Poppins已正确加载 #

打开Chrome开发者工具（F12），切换到「Elements」面板，选中body元素后查看「Computed」标签下的font-family：

• 如果显示"Poppins", sans-serif但实际字体不对，说明字体未加载；
• 检查页面的字体引入代码（比如@font-face或字体托管链接）是否正确，确保Poppins能正常下载渲染。

2. 直接指定Sans-serif字体的具体名称 #

绕过通用关键字sans-serif，直接把你在Chrome设置中选择的Sans-serif字体名称写进字体栈。比如你设置的是「微软雅黑」，修改CSS为：

body { font-family: 'Poppins', 'Microsoft YaHei', sans-serif; }

这样即使Poppins加载失败，Chrome会直接匹配指定的字体名称，而非依赖通用关键字的映射。

3. 修正Chrome的字体映射（进阶） #

如果必须使用sans-serif关键字生效，可以通过以下步骤调整：

• 在地址栏输入chrome://flags/#enable-font-cache-scaling，确保该选项处于启用状态；
• 进入chrome://settings/fonts，点击「重置为默认值」，重新设置你的Sans-serif字体选项后重启浏览器。

内容的提问来源于stack exchange，提问作者Dan C