网页字体（字型）的选择？

Question

今天我开始思考字体（字形）选择的问题。我为公司做的一个网站附带了一份专业的样式指南，详细介绍了颜色选择、字体选择、间距等。这是我第一次见到这样的东西，但我不得不承认，他们选择的东西看起来很好。

现在，我以前读过关于色彩理论的文章，所以我知道如何使用互补色和选择具有1、2或3种不同颜色的颜色方案。至少对于我的个人项目来说，我可以做到这一点。

但是，在Web上下文中，我没有真正看到有关字体选择的任何内容。我找到了一些关于印刷字体的讨论，其中您可以选择下载和包含自定义字体。但这在Web上并不可行。您只能使用浏览器（或者更准确地说，操作系统）支持的字体。我很想读一些关于IE和Firefox在Windows和Mac上支持哪些字体以及这些字体传达的信息（例如，它们是否严肃、正式、非正式、吸引人等）的文章。

有人知道类似的内容吗？

- cletus

Answer 1

您需要的是网页安全字体，以在CSS中使用。

该网站 CSS Font Stacks 似乎是最好的已更新资源。

网页安全字体是一种在给定用户操作系统上通常已安装的字体，因此在查看网站时不需要用户下载字体文件。使用网页安全字体的优点是允许网站加载更快，因为它不需要额外的下载。

使用网页安全字体的缺点是，该字体可能在一个用户的操作系统上可用，但在另一个用户的操作系统上不可用。 解决此问题的方法是使用字体堆栈，该网站提供了字体堆栈。 字体堆栈是类似字体的列表，因此如果用户没有列表中的某个字体，则可以在列表后使用类似的字体。

- Craig McKeachie

Answer 2

这是一份非常好的关于网络排版学的参考材料，我一直会回来查看。涵盖了排版学的基础知识以及如何应用于网络中。

- Eran Galperin

Answer 3

http://www.typetester.org/非常有用。

- soprano

Answer 4

如果你想要跨操作系统兼容，网页上的字体选择其实并不多... 你基本上只能选择少数几种缺乏灵感的字体。

如果你想要一些“严肃、正式、随意、吸引人”的字体，那么你需要在图形编辑器中创建位图图像——当然，如果你的内容不是静态的话，这并没有太大帮助。

对于具有“无限”字体处理范围的动态内容，我可能会尝试使用一些 PHP + GD 或 ImageMagick 的技巧来动态生成位图。

- Scott Evernden