CSS：Helvetica 是 Mac 上的默认“无衬线”字体，而 Arial 是 Windows 上的默认无衬线字体吗？答案

【问题标题】：CSS: Is Helvetica the default 'sans-serif' font on Mac and Arial the default sans-serif font on Windows?CSS：Helvetica 是 Mac 上的默认“无衬线”字体，而 Arial 是 Windows 上的默认无衬线字体吗？
【发布时间】：2009-10-27 14:12:46
【问题描述】：

我有很多 CSS 执行以下操作：

font-family: Helvetica, Arial, sans-serif;

据我了解，Helvetica 是 Mac 上的默认无衬线字体，而 Arial 是 Windows 上的默认无衬线字体……如果是这样，我不能将上面的代码更改为：

font-family: sans-serif;

是的，不是吗？

【问题讨论】：

标签： html css

【解决方案1】：

默认字体确实取决于浏览器。例如，在 Mac 上的 Firefox 中，我将 Lucida Grande 作为默认的sans-serif 字体。我不认为我改变了它，但我不完全确定。您不能真正依赖默认字体是特定字体，因为用户可以在首选项中更改它们。如果您需要特定字体，请指定它。

【讨论】：

【解决方案2】：

Windows XP 上的 Helvetica 看起来很糟糕，因为它的渲染效果很差。幸运的是，只有少数人在 Windows XP 上安装了 Helvetica（因为如果他们关心 Helvetica，他们可能会使用 Mac）。

这样更安全：

"Helvetica Neue", Arial, sans-serif;

这样，几乎只有 Mac OS X 会选择 Helvetica Neue（OS X 上的标准），而 Windows 可以忽略它并直接进入 Arial。

【讨论】：

+1 Windows XP 上的 Helvetica 确实看起来很糟糕！这是当字体平滑设置为“标准”（默认设置）时。感谢“Helvetica Neue”提示。

【解决方案3】：

对于字体，您希望尽可能具体以防止出现布局问题。您的页面在使用 Arial 作为默认无衬线字体的机器上可能看起来很完美，但如果有人将非常不同的字体作为默认字体，它可能会影响元素的间距（如果您使用相对度量）。另外，当他们看到错误的字体时，项目中的任何设计师都会生气，而您不希望这样。

【讨论】：

【解决方案4】：

您希望在具有的平台上发生什么

Helvetica 或 Arial 已安装并
不是这两种字体的默认无衬线字体？

或者换一种方式问：如果安装了 Helvetica 或 Arial，您是否总是更喜欢默认的 Helvetica 或 Arial？如果您在所有情况下都喜欢默认的无衬线字体，为什么要提到这两个？

【讨论】：

如果 Helvetica 可用，我更喜欢 Helvetica，而不是 Arial，如果 Helvetica 或 Arial 都不可用，最后的手段是使用默认的无衬线字体显示。
@Teddi：在这种情况下，默认字体有什么关系？如果您想要 Helvetica（如果可用），即使它不是默认的，那么您的原始 CSS 就是正确的。

【解决方案5】：

Helvetica 有时是 Mac 上的默认 sans，但老实说，它不是一个很好的屏幕字体。

Geneva、Lucida Sans 和 Trebuchet MS 是不错的选择。

【讨论】：

【解决方案6】：

您可以确定 Helvetica 安装在运行 Mac OS X 的机器上，因为该字体用于 Apple 设计的许多官方应用程序中。只要用户没有删除字体文件，Arial 也可以在任何机器上使用。

但正如 Tom 所指出的，在定义字体样式时最好尽可能具体。当我想要显示一个 sans-serif 系列时，我的样式表中通常会包含以下内容：

Helvetica, Geneva, Arial, sans-serif;

【讨论】：

这没有意义。日内瓦是一种不同的字体。 Arial 被设计为廉价的 Helvetica，因此为了保持一致性，您希望它们相同。您更具体的选项是“Geneva, Verdana, sans-serif”或“Helvetica, Arial, sans-serif”——选择您更喜欢的字体系列。