什么是webfont，我可以依赖它们

Question

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

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

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

Answer 1

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

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

BTW - 从您的计算机上获取字体并通过真实类型的转换器（在网络上使用）运行它是违反您的字体许可证...除非您已购买/建立了网络使用许可通过字体提供者/制造商/创作者等

Answer 2

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

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

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

在其他方面，您需要安装字体API，这样您就不需要每次都进行在线请求。

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

Answer 3

• 无法猜出第一个问题的原因。

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

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

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

在CSS中调用它们

• 如果您使用上述示例，则无需购买。但如果是商业字体，你必须购买该字体。

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