html - 为什么我设置了font-family : 'Helvetica' , 'Helvetica Neue' , 'Arial' , sans-serif 后我的网站渲染的字体是Arial；

Question

正如您在下图中看到的，我的元素的字体系列属性是 Helvetica，sans-serif，然而，呈现的字体是 Arial。为什么会这样？现在我不太确定实际呈现的是哪种字体。

Answer 1

因为您的系统实际上没有 Helvetica，所以您得到了列表中的下一个选择。

设置font-family不会向用户提供这些字体，而是向客户建议使用哪种字体，然后在第一个选择不可用时建议使用哪种字体。

Windows 计算机上不太可能有 Helvetica，但它们会有 Arial。相反，Mac 将有 Helvetica，但没有 Arial。这就是 sans-serif 通用系列存在的原因。它告诉系统使用任何系统默认的 sans-serif 字体，在您的系统上是 Arial。