7

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

大多数时候我都在使用Squirrel Fonts,但是我的设计师使用的很多字体都被阻止在那里,我可以展示它们的唯一方法是 PNG。

4

4 回答 4

9

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

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

您会看到所有操作系统上都不存在单一字体。您可以做的最好的事情是使用覆盖最大百分比并希望最好的字体堆栈。使用合理的字体堆栈是要走的路……

于 2012-04-23T08:16:42.480 回答
3

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

于 2012-04-23T08:14:47.983 回答
3

我没有找到明确的网络安全字体列表。这项研究给了我一些基本的想法,但后来我不得不在自己的机器上进行实验。我想要可以在 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 */

我希望这会有所帮助...

于 2016-07-20T03:15:22.293 回答
2

“安全”字体列表,如果这意味着在所有情况下,甚至在几乎所有情况下都能为您提供所需渲染的字体名称列表,那么它就是一个空列表。

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

如果你真的想问使用嵌入字体(带@font face)的问题,我建议你先查看前面的问题和答案。

于 2012-04-23T10:31:29.310 回答