您是否知道列出所有字体系列及其在网络上很好的后备的资源？答案

【问题标题】：Do you know of a resource that lists all the font-families with their fall-backs that are good on the web?您是否知道列出所有字体系列及其在网络上很好的后备的资源？
【发布时间】：2009-01-17 11:47:00
【问题描述】：

注意：我在这里做了一些修改，因为我第一次没有很好地回答我的问题。

更新：在对这个主题进行了一些自己的研究之后，我想出了一个完美的例子来说明我为什么要搜索具有后备功能的完美字体系列列表：http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/

body {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}
strong, em, b, i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

我怀疑其他人已经完成了这样的详细列表，而不是我再次这样做，我很想利用其他人的辛勤工作。如果没有其他人这样做，那么我会继续自己开始吗？

我知道如何搜索网络安全字体，以及如何为不同的浏览器类型添加回退以接近我想要的字体，我们之前都做过很多次。然而，我曾经看到一个例子，有人在样式表中保存了所有后备的列表，而您需要做的就是注释掉您不使用的那些。

该列表似乎包含任何人都想使用的大多数字体，而不是每次都在网上不断搜索以创建我自己的列表，我想知道是否有其他人知道这个或任何其他列表具有后备功能的字体？

例子：

body {
font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
/* 
font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
font-family:Consolas,Monaco,Liberation Mono,Lucida Console;
...
*/
}

在我上面的例子中，你会看到 font-family:Consolas,Monaco,Liberation Mono,Lucida Console；（从 SO 的样式表中截取）并且到目前为止列出的任何资源都不会导致我建立那个后备家庭。摩纳哥和康索拉斯相似吗？对于主要想要 Consolas 的人来说，这是一个很好的后备列表吗？如果是，那么我希望将其添加到我的可接受字体系列列表中......

干杯，
史蒂夫

【问题讨论】：

标签： html css fonts

【解决方案1】：

我今天刚刚在 SitePoint 的 8 Definitive Font Stacks 上添加了书签，并计划将这些内容整合到未来的项目中。

【讨论】：

【解决方案2】：

我使用fonttester 来测试和尝试网络安全字体组合

编辑： 在 fonttester 中，如果你问“Trebuchet”，你会得到：

font-family: 'Trebuchet MS', Helvetica, sans-serif;

【讨论】：

谢谢路易斯，我错过了。我必须建立自己的列表，所以不是 100% 正确的答案:) 但绝对是正确的轨道。

【解决方案3】：

这里是another blog post on font stacks，也不错。

【讨论】：

写得很好。这就是我所追求的深度。谢谢。

【解决方案4】：

一个很好的搜索词是网络安全字体：

http://dustinbrewer.com/fonts-on-the-web-and-a-list-of-web-safe-fonts/

【讨论】：

那里有一些错误的定义，比如 Andale Mono 和 Courier，但这是一个很好的来源
这是一个很好的资源，但我已经修改了我的问题，说明我在降级之后比网络安全。

【解决方案5】：

我一直用这个：

Default Mac and Windows XP fonts

【讨论】：

【解决方案6】：

我使用Common fonts to all versions of Windows & Mac equivalents (Browser safe fonts)，它似乎与Diodeus's answer 奇怪地相似...

【讨论】：

【解决方案7】：

TypeTester 是一个比较字体设置并将字体分为安全列表、Win 默认、Mac 默认和 Vista 字体的工具。您还可以使用它来测试行距、对齐方式、字间距等，设置基本字体大小并导出 CSS。

【讨论】：