Helvetica 或 Arial 作为 CSS 中的基本字体？答案

【问题标题】：Helvetica or Arial as base font in CSS?Helvetica 或 Arial 作为 CSS 中的基本字体？
【发布时间】：2010-11-07 02:09:56
【问题描述】：

我的一个朋友告诉我“在您的网站中使用字体系列：helvetica、arial、sans-serif”，当我问他为什么然后“空白”他不知道时，他公司的一些可用性专家告诉他这个东西。

但是当我尝试 helvetica, arial, sans-serif 时，我注意到我的粗体和非粗体不能正常使用这种字体，而我使用 arial, helvetica, sans-serif 这然后它工作正常。注意这里的区别：http://hell.meiert.org/core/html/helvetica-arial.html

我用谷歌搜索了这个，但没有发现任何对我有说服力的东西。然后我找到了一个帖子Is Helvetica a browser base font?

所以我想问一下为什么推荐 Helvetica，并且在同一篇文章中，其中一个答案说“如果你想要 Helvetica，你要么必须获得 Mac”所以 MAC PC 是使用它的唯一原因只在 MAC 中看起来不错？

在我的网站中，当我使用“arial...”作为基本字体时，&rarr; html 字符在所有浏览器中都可以很好地呈现，但是当使用“Helvetica...”时，它无法在 google chrome 中正确显示，为什么?

谢谢

【问题讨论】：

标签： html css xhtml fonts

【解决方案1】：

关于为什么推荐一种而不是另一种的问题，根据我所做的研究，似乎 Helvetica 是优越的字体系列。当它存在时，它应该总是被使用，所以这就是为什么你想把它放在列表的首位。对于几乎所有的细微差别，Helvetica 在美学上更令人愉悦。是的，它通常只在 Mac 上找到。

http://www.ms-studio.com/articles.html

http://www.ms-studio.com/articlesarialsid.html

http://ilovetypography.com/2007/10/06/arial-versus-helvetica/

【讨论】：

Helvetica 大师赛！

【解决方案2】：

您运行的机器没有 Helvetica 粗体字，但 Arial 有一个粗体字。

【讨论】：

我运行的是 Windows XP SP3，如果这台机器默认没有正确的字体，那有什么用。我不会要求我的用户安装字体来查看我的网站？
您在您的机器上看到它是否正确，您正在使用哪台机器。你能告诉我在我的机器上让 Helvetica 正确运行的位置和方法吗？
然后将字体系列更改为您和您的用户将拥有的。每个人都有 Arial。
是的，每个人都有 arial，我只是想知道为什么 Helvetica 比 Arial 更受欢迎？ meiert.com/en/blog/20080220/helvetica-arial
对我来说都是 Arial (XP SP3)。你真的不需要使用 Helvetica。离Arial很近。一些字体设计师可能会为此打我一巴掌，但我很难区分。如果您真的想要它，那值得一提。

【解决方案3】：

众所周知，每个浏览器都有其怪癖。这可能只是一个浏览器问题。

然而，为了回答您的第一个问题，字体使用的行业标准完全基于该字体的可用性和使用情况。所以先列出兼容性更好的字体。

基本上在 CSS 中，如果您列出多个字体系列，它会尝试使用列出的第一个可用字体显示。如果这不起作用，那么它会尝试下一个等等，直到它被显示，如果它不起作用，它只是使用默认值。很有可能它正在使用一种有效的字体，但不是为您提供预期的结果。这可以解释为什么对它们重新排序会在几乎所有浏览器中产生更令人期待的结果。

【讨论】：

我看到的大部分社交网络，连Google都用Arial，那我不明白为什么推荐Helvetica，meiert.com/en/blog/20080220/helvetica-arial

【解决方案4】：

我自己使用 font-family: Arial, Helvetica, sans-serif 时使用该字体。

您遇到问题的原因可能是您的机器与 Windows 机器的预期情况不同，实际上安装了 Helvetica 字体，并且出现了不支持粗体字重的问题正确。

【讨论】：

【解决方案5】：

正如有人之前所说，“无衬线”字体的原因几乎与网络本身一样古老。

首先，“衬线”字体（times new roman、georgia、每个字符结尾都有那些小装饰的字体等）在印刷中效果很好，因为它的大小、空间、字符之间的连接点等。但是当你把它变小时它永远不会很好用。另一方面，“无衬线”字体在这两种情况下都能很好地工作，只需控制字符宽度、字符之间的间距，并且在小尺寸（比如 10 像素、9 像素、甚至 8 像素）中没有可见性问题，您可以在仍然可以阅读，而不会被那些尺寸开始变得一团糟的“衬线”字体的装饰所困扰。

其次，我记得字体系列的 CSS 声明还有另一个原因。第一种字体是您想要使用的字体，比如说“Segoe UI”。这是一种很好的字体，大小合适，看起来非常小，等等。但现在并不常见，所以我应该选择另一种同样有效的字体，如果不是第一个浏览器应该使用它。等等。真正的问题是你必须承认每种字体都有一些不同的外部空间，字符之间的空间，单词之间的空间，所以即使来自同一个系列的无衬线字体，它们也不完全相同。

Helvetica 是一种非常有名的字体，因为我之前说过的所有内容：看起来很棒，大、小、非常小、宽、窄、高、短等等。它的比例让它成为这样，但并不常用在每台计算机中，因为它是专有的，如果你得到它，那么你使用 Mac 或者你买了它（除非它带有图形程序，然后只是一种 Helvetica）。

所以声明应该是：

字体系列：黑体、宋体、无衬线；

您不应该在同一语句中使用可变宽度字符字体和固定宽度字符字体，因为等宽（字符之间的相同空间）和可变宽度看起来彼此并不接近，但所有这一切都需要更多的知识使用它以及在哪里申请。

我自己使用这些：

字体系列：calibri、arial、sans-serif； font-family: 'Segoe UI', arial, sans-serif;

Calibri 非常小巧但易于阅读，Segoe 是一种 Verdana 但优雅的版本。

无论如何，Arial 和 Helvetica 几乎是一样的。

再见。

【讨论】：