如何为网站选择字体？

Question

我不是网页设计师，更多的是一个网页应用服务器端的开发人员。就像音盲一样，我猜我是字盲…也许我不知道我需要什么。

当你看着Facebook的时候

font-family:"lucida grande",tahoma,verdana,arial,sans-serif;

stackoverflow

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

gmail

font-family:arial,sans-serif;

nytimes.com

font-family:georgia,"times new roman",times,serif;

维基百科

font-family:sans-serif;

人们是如何做出决定的？它是其他页面设计的一个因素吗？为什么这些网站会有这么多变化？可读性有标准吗？

Answer 1

这里是这样的：

• Font Typeface selection for the web
• What is the most readable/appealing font

否则很重要的一点是，对于web来说，字体的范围非常有限，因为为了确保人们看到你想让他们看到的内容，你必须选择一种每个人的系统上都有的字体。

编辑，因为这个答案是被接受的答案，我想我应该改进它。

我最近发现了一篇博客文章，里面有一个非常有用的overview concerning web fonts和不同的操作系统。

此外，对anatomy of web fonts进行了很好的解释。

酷&新:动态文本替换

对于那些需要为h1甚至h2标签实现非标准字体的网站来说，一个非常酷的新技术就是sIFR。这个blog post展示了它是如何实现的。

Answer 2

嗯，你应该做的第一个也是最重要的决定是你想要的字体是serifs还是sans-serif。在印刷媒体中，serif适用于长文本，但大多数人更喜欢在计算机上使用sans-serif字体。正如我被解释的那样，衬线是一种眼睛可以抓住的锚点，因此阅读带有衬线字体的大文本更容易。对于大文本，无衬线字体往往会更快地使眼睛疲劳。

至于实际的字体，我想它更多地取决于个人的品味。

最重要的是，对于一个网站，建议最多使用2到3种不同的字体。否则，它会影响网站的一致性和易用性。在这种情况下，越少越好。

Answer 3

无论您选择哪种字体，您的声明都应该以sans-serif；、serif；或monospace结尾，因为这是用户代理保证呈现的唯一3种字体。

Arial、verdana、times和courier已经在我使用过的每个商业浏览器上呈现过。我知道Linux上的开源浏览器通常不会有verdana。

佐治亚州，塔霍马，等等是一个完全的赌博，我会远离或有更常见的备份。我相信您一定知道浏览器会选择列表中它可以呈现的第一种字体。