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

Question

我的一位朋友告诉我“在你的网站上使用字体系列：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 ...”作为基本字体时，→ html字符在所有浏览器中都能很好地呈现，但在使用“Helvetica ...”时，它在Google Chrome中无法正常显示，为什么？

由于

Answer 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/

Answer 2

你所运行的机器对于Helvetica来说没有大胆的面孔，但它确实有一个用于Arial的机器。

Answer 3

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

然而，要回答第一个问题，字体使用的行业标准完全基于该字体的可用性和用法。因此首先列出更兼容的字体。

如果列出多个font-family，它基本上在CSS中，它会尝试使用第一个可用的列出字体进行显示。如果这不起作用，那么它会尝试下一个等等，直到它显示出来，如果没有，它只是使用默认值。它很可能是用一种有效的字体来解决，但不是你预期的结果。这可以解释为什么重新排序它们会在几乎所有浏览器中产生更多预期的东西。

Answer 4

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

您遇到问题的原因可能是您的机器与Windows机器的预期情况不同，实际上安装了Helvetica字体，并且有一些事情发生，因此它不支持粗体字体重正常。

Answer 5

如前所述，“sans-serif”字体的原因几乎与网络本身一样久。

首先，“serif”字体（新罗马，格鲁吉亚，每个字符结尾处带有那些小装饰的每种字体等）都适用于印刷，因为它的大小，空间，字符之间的连接等等。但是当它变小时它永远不会正常工作。另一方面，“sans-serif”字体在两种情况下都能很好地工作，只是控制字符宽度，字符之间的分离，你没有小尺寸的可见性问题让我们说10px，9px，甚至8px，你在哪里仍然可以阅读并且不会被那些大小的“衬线”字体的装饰所困扰。

其次，我记得有关font-family的CSS声明还有其他原因。第一个字体是你想要使用的字体，让我们说“Segoe UI”。这是一个很好的字体，有很好的尺寸，看起来很小，等等。但现在不常见，所以我应该选择另一种有效的字体，如果不是第一个浏览器应该使用它。等等。真正的问题是你必须承认每个字体都有一些不同的外部空间，字符之间的空格，单词之间的空格，所以即使来自同一个家庭的sans-serif它们也不完全相同。

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

所以声明应该是：

font-family：helvetica，arial，sans-serif;

你不应该在同一个语句中使用带有固定宽度字符字体的可变宽度字符字体，因为等宽字符（字符之间的相同空格）和可变宽度看起来彼此不相近，但所有这些都需要更多的知识何时到使用它和在哪里申请。

我自己使用这些：

font-family：calibri，arial，sans-serif; font-family：'Segoe UI'，arial，sans-serif;

Calibri非常小但很容易阅读，而且Segoe是Verdana的一种优雅版本。

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

见你。