logo标签列表

CSS：Helvetica是Mac上默认的“sans-serif”字体，Arial是Windows上默认的sans-serif字体吗？

htmlcss
18

我有很多CSS代码，它们实现了以下功能：

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

据我所知，在 Mac 上默认的无衬线字体是 Helvetica，而在 Windows 上是 Arial... 如果是这种情况，那么我不就可以将上面的代码更改为：

font-family: sans-serif;

是的，还是不是？

6个回答
21

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

14

由于其渲染效果差，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”提示。 - MrWhite
3

在使用字体时，应该尽量具体明确，以避免布局问题。如果你的页面在默认无衬线字体为Arial的电脑上看起来很完美，但如果别人的默认字体非常不同，它可能会影响元素间的间距（如果使用相对度量）。而且，如果出现错误的字体，任何设计师都会感到愤怒，这是不希望看到的。

2
您希望在已安装Helvetica或Arial且默认无衬线字体不是这两者的平台上发生什么？
或者换句话说：如果安装了Helvetica或Arial，您是否总是优先选择它们而不是默认字体？如果您在所有情况下都更喜欢默认的无衬线字体，为什么还要提到这两个字体？
1
如果有的话，我更喜欢Helvetica字体，如果没有Helvetica，则使用Arial字体，如果Helvetica和Arial都不可用，则使用默认的无衬线字体显示。 - Teddi
2
@Teddi：在这种情况下，默认字体有什么关系呢？如果你想要Helvetica（如果可用），即使它不是默认字体，那么你最初的CSS就是正确的。 - Joachim Sauer
1

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

Geneva、Lucida Sans和Trebuchet MS是很好的替代选择。

0

你可以相当确定在运行 Mac OS X 的机器上安装了 Helvetica 字体，因为这种字体被苹果设计的许多官方应用程序使用。Arial 字体也可在任何机器上使用，只要用户没有删除字体文件。

但正如 Tom 指出的那样，在定义字体样式时最好尽可能具体。当我想要显示 sans-serif 字族时，通常在我的样式表中有以下内容：

Helvetica, Geneva, Arial, sans-serif;
这没有意义。Geneva是另一种字体。Arial被设计成廉价版的Helvetica，为了保持一致性，你应该使它们相同。你的更具体的选项是"Geneva, Verdana, sans-serif"或者 "Helvetica, Arial, sans-serif" - 选择你更喜欢的字体系列。 - Eric_B
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接