你如何选择网站的字体？

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

这里是SO：

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

否则，重要的是要说网络上只有非常有限的字体范围，因为为了确保人们看到你想让他们看到的东西，你必须选择每个人在他们的系统上都有的字体。

[编辑]由于这个答案是我接受的答案，我认为我应该改进它。

我最近发现博客条目非常有用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结尾;  ，衬线;或者，等宽;因为这些是用户代理保证呈现的唯一3个。

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

乔治亚州，tahoma等是一场赌博，我会远离或者有更多的共同支持。我相信你知道浏览器会选择它可以在列表中呈现的第一个字体。

Answer 4

Facebook的字体声明似乎有些过分，除了Lucide Grande通常在Mac OS和Windows上的Tahoma上找到。如果你想安全地玩它，在大多数操作系统上找到的单个字体如Arial，Verdana或Times New Roman都可以，然后是通用（serif，sans-serif，monospace），它告诉浏览器选择合适的如果找不到指定的字体，则呈现字体。一般来说，学习网络字体和CSS的一个很好的资源是w3schools.com - http://www.w3schools.com/css/css_font.asp。

就可读性而言 - 衬线字体在字体末端的细节很少，称为衬线，有助于填充字母之间的空间，使眼睛更容易水平地跟踪文本。传统上，sans-serif字体被认为更容易在屏幕上阅读，但这是由于较旧的Web浏览器对衬线的渲染较差。现代Web浏览器使用OS级别的抗锯齿（平滑）来更准确地渲染字体。

无论您做出何种选择，都应考虑使用serif和sans-serif字体的组合来帮助在您的网页上建立强大的信息层次结构。例如，您可以为标题选择serif字体，为正文副本选择sans-serif字体。