什么是网络字体，我可以依赖它们吗

Question

我想为我的 Bootstrap 网站添加漂亮的字体。我是程序员，不是设计师。

我四处搜索并最终访问了 Google Webfonts 网站。对于我的任何浏览器（OSX Chrome、OSX Safari、Win7 Chrome、Win7 IE9），Google 自己的字体浏览器都不起作用（所有字体默认为衬线或其他），所有字体都显示相同。

• 为什么 google 的 webfont 浏览器不适合我？ http://www.google.com/webfonts
• 我怎么能相信他们会为其他人工作
• 什么是使用自定义的防弹方法 字体？
• 我必须自己购买并托管它们吗？这是个坏主意吗？

Answer 1

Web 字体是已专门为 Web 使用获得许可的字体。除了 Google Webfonts，还有其他字体网站提供免费（和合法）字体供网络使用，例如 Font Squirrel（免费）和 Typekit（主要是付费服务）。 Font Squirrel 有很多带有@face 工具包的字体，可以帮助结束“浏览器忧郁”，并且可以轻松地将字体托管在您自己的服务器上（我的偏好）。

A List Apart 上有一篇很好的文章可以帮助你很多 - have a read

顺便说一句 - 从您的计算机中获取字体并通过真类型转换器（用于网络）运行它是违反您的字体许可的行为...除非您已购买/建立了网络使用许可通过字体提供者/制造商/创建者等。

Answer 2

但我用过几次，所以想和你们分享。我只是回答如何使用它们？ 例如：

当您使用特定的网络字体 Archivo 时，您需要包含其样式表，如下所示

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>

另外，你需要安装字体API，这样你就不需要每次都在线请求了。

大多数现代浏览器都应该支持它们。

Answer 3

• 第一个问题猜不出原因。

• Google 网络字体适用于所有浏览器，我确信它可以正常工作。有一些问题。

  ** IE等浏览器中字体不流畅或字体会被判断。有时字体也不清楚（某些字体）。您必须使用 CSS 阴影 ..etc 来解决此问题。

• 您可以使用自己的网络字体。下载字体并将其转换为 .ttf, .svg, .eot and .woff 并在 CSS 中使用 @font-face 调用它们

• 如果您使用上述示例，则不必购买它们。但如果是商业字体，则必须购买。

** 你也可以使用 cufon.js。