CSS中设置font-family: cursive为何显示Comic Sans字体？

问题原因 #

cursive是CSS定义的通用字体族，它并非具体的字体名称，浏览器会自动调用系统默认的手写体字体：

• Windows系统默认将cursive关联为Comic Sans MS
• macOS会使用Apple Chancery，Linux通常对应Purisa等字体

所以哪怕你注释掉其他选择器代码，只要指定了cursive，Windows环境下就会默认渲染成Comic Sans。

解决方案 #

如果想避免显示Comic Sans，不要单独使用通用字体族，而是先指定具体的手写体字体作为优先选项，再用cursive作为兜底：

#article-title {
  font-family: 'Segoe Script', 'Brush Script MT', cursive;
}

• Segoe Script是Windows平台下风格更美观的手写体
• Brush Script MT是跨平台的常见手写体备选
• 最后的cursive保证在没有前面字体的系统上，依然能显示适配的手写体

你也可以引入开源手写体Web字体，通过@font-face或CDN加载，这样能在所有系统上实现字体效果的统一。

内容的提问来源于stack exchange，提问作者Eli Ferguson