首页 文章

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

提问于
浏览
9

我的一个朋友告诉我“在你的网站上使用字体系列:helvetica,arial,sans-serif”,当我问他为什么然后“空白”他不知道时,他公司的一些可用性专家告诉他这件事 .

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

我用Google搜索,但没有看到任何令我信服的东西 . 然后我发现了一个帖子Is Helvetica a browser base font?

所以我想问一下,为什么推荐Helvetica,并且在同一篇文章中,其中一个答案说:“如果你想要Helvetica,你要么必须得到一台Mac”所以MAC PC的唯一理由就是这样才能使用它只看MAC很好吗?

在我的网站中,当我使用"arial..."作为基本字体时, → html字符在所有浏览器中都能很好地呈现,但是当使用"Helvetica..."时,它在谷歌浏览器中无法正常显示,为什么?

谢谢

5 回答

  • 7

    关于为什么一个被推荐而不是另一个的问题,从我所做的研究来看,似乎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/

  • 4

    你运行的机器没有Helvetica的大胆面孔,但确实有一个用于Arial的机器 .

  • 2

    我们都知道每个浏览器都有它们的怪癖 . 这可能只是一个浏览器问题 .

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

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

  • 4

    当我使用那种字体时,我自己使用 font-family: Arial, Helvetica, sans-serif .

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

  • 4

    正如之前所说的那样,“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几乎是一样的 .

    拜拜 .

相关问题