Html CSS:Helvetica是默认值吗';无衬线';Mac上的字体和Arial Windows上的默认无衬线字体?

Html CSS:Helvetica是默认值吗';无衬线';Mac上的字体和Arial Windows上的默认无衬线字体?,html,css,Html,Css,我有很多CSS可以实现以下功能: font-family: Helvetica, Arial, sans-serif; 据我所知,Helvetica是Mac上的默认无衬线字体,Arial是Windows上的默认无衬线字体。。。如果是这样的话,我就不能将上面的代码更改为: font-family: sans-serif; 是,否?默认字体实际上取决于浏览器。例如,在Mac上的Firefox中,我将Lucida Grande作为默认的无衬线字体。我不认为我改变了它,但我不完全确定。您不能真正依赖

我有很多CSS可以实现以下功能:

font-family: Helvetica, Arial, sans-serif;
据我所知,Helvetica是Mac上的默认无衬线字体,Arial是Windows上的默认无衬线字体。。。如果是这样的话,我就不能将上面的代码更改为:

font-family: sans-serif;

是,否?

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

对于字体,您希望尽可能具体以防止布局问题。在使用Arial作为默认无衬线字体的机器上,您的页面可能看起来很完美,但如果有人使用非常不同的字体作为默认字体,则可能会影响元素间距(如果使用相对度量)。此外,当项目中的任何设计师看到错误的字体时,他们都会感到愤怒,而你不希望看到错误的字体。

你希望在拥有错误字体的平台上发生什么

  • 已安装Helvetica或Arial,并且
  • 一种默认的无衬线字体,它不是这两种字体吗

或者问另一个问题:如果安装了Helvetica或Arial,您是否总是喜欢Helvetica或Arial而不是默认设置?如果您在所有情况下都喜欢默认的无衬线字体,为什么还要提及这两种字体呢?

您可以非常肯定Helvetica安装在运行Mac OS X的机器上,因为苹果设计的许多官方应用程序都使用这种字体。只要用户没有删除字体文件,任何机器上都可以使用Arial

但正如Tom指出的,在定义字体样式时最好尽可能具体。当我想要显示无衬线系列时,我的样式表中通常有以下内容:

Helvetica, Geneva, Arial, sans-serif;

Windows XP上的Helvetica由于渲染效果不佳而看起来很糟糕。幸运的是,只有少数人在Windows XP上安装了Helvetica(因为如果他们关心Helvetica,他们可能会使用Mac)

这样更安全:

"Helvetica Neue", Arial, sans-serif;

这样,几乎只有Mac OS X才会选择Helvetica Neue(OS X上的标准),Windows可以忽略它,直接进入Arial。

Helvetica有时是Mac上的默认SAN,但老实说,它不是一种很好的屏幕字体


日内瓦、Lucida Sans和Trebuchet MS是很好的替代品。

我更喜欢Helvetica(如果有的话),如果没有Helvetica(如果没有Helvetica),而不是Arial(如果Helvetica或Arial都不可用,那么最后的选择是使用默认的无衬线字体显示)。@Teddi:在这种情况下,默认字体有什么关系?如果您想要Helvetica(如果可用),即使它不是默认值,那么您的原始CSS也是正确的。Windows XP上的+1 Helvetica确实看起来很糟糕!此时字体平滑设置为“标准”(默认设置)。谢谢你的“Helvetica Neue”提示。这没有意义。日内瓦是一种不同的字体。Arial被设计成一款便宜的Helvetica,因此为了保持一致性,您希望它们保持一致。您更具体的选项是“日内瓦、Verdana、无衬线”或“Helvetica、Arial、无衬线”——选择您更喜欢的字体系列。