在哪里可以找到带有网络安全字体的列表？答案

【问题标题】：Where can I find list with web-safe fonts?在哪里可以找到带有网络安全字体的列表？
【发布时间】：2012-05-03 20:31:58
【问题描述】：

根据您在前端和 Web 应用程序方面的经验，您能否提供良好且可靠的源代码或包含 Web 安全字体的列表？或者任何其他确保网络浏览器字体安全的好工具？

我大部分时间都在使用Squirrel Fonts，但我的设计师使用的很多字体都被阻止在那里，我可以显示它们的唯一方法是 PNG。

【问题讨论】：

serif, sans-serif, monospace
@NiftyDude，这些不是字体名称，而是浏览器将映射到他们喜欢的任何名称的通用名称。因此，如果安全意味着以某种确定性以特定字体呈现您的文本，则这些名称保证是不安全的。
@JukkaK.Korpela 我理解，因此这不是答案，而是评论。我只是在暗示没有 web-safe 字体之类的东西，这完全取决于您的客户

标签： html css fonts frontend

【解决方案1】：

没有绝对安全，除非您使用“serif”、“sans-serif”等通用类。

这里有一些资源可以让您了解最流行的字体：

您会发现，在所有操作系统上都不存在单一字体。您能做的最好的事情是使用覆盖最大百分比并希望达到最佳效果的字体堆栈。使用合理的字体堆栈是要走的路...

【讨论】：

当然，在所有操作系统上都不存在单一字体，但像 Chrome 这样的 网络浏览器 可以确保至少有一组免费字体在需要时可靠地存在。可惜没有。

【解决方案2】：

我没有找到明确的网络安全字体列表。这项研究给了我一些基本的想法，但后来我不得不在自己的机器上进行实验。我想要可以在 Windows、Mac 和 Linux 机器上运行的东西。幸运的是，我各有一个。

HTML 可以识别 5 种字体，分别是 serif、sans-serif、monospace、fantasy 和 cursive。然而，我自己看到了 6 种类型，草书在我的脑海中分解为脚本和手写字体。我想出的“网络安全”字体堆栈如下：

/* Web Safe Font Stacks */
.head { font-family: Georgia, 'Times New Roman', serif; } /* H1-H6 */
.para { font-family: Verdana, Arial, sans-serif; } /* Paragraphs, body text */
.mono { font-family:'Courier New', Courier, monospace; } /* code, pre, etc. */
.fant { font-family: Papyrus, Impact, fantasy; } /* Fantasy */
.curs { font-family:'Apple Chancery', 'Lucida Calligraphy', cursive; } /* Cursive */
.hand { font-family:'Comic Sans MS', Chalkboard, cursive; } /* Handwritten */

希望对你有帮助……

【讨论】：

【解决方案3】：

您也可以从这里生成字体 http://www.font2web.com/ 并且您也可以使用 Google 字体 http://www.google.com/webfonts

【讨论】：

【解决方案4】：

“安全”字体列表，如果这意味着在所有情况下或什至在几乎所有情况下都能为您提供所需渲染的字体名称列表，则完全是空列表。

例如，如果您在 Android 上进行测试，大多数声称的“网络安全字体”列表会立即失效。

如果你真的想问一下使用嵌入字体的问题（@font face），我建议你先查看前面的问题和答案。

【讨论】：