0

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

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

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

3 回答 3

2

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

有一篇关于 A List Apart 的好文章可以帮助你很多 -阅读

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

于 2012-10-01T16:42:24.187 回答
0

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

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

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

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

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

于 2012-10-01T16:07:55.590 回答
0

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

  • Google web-fonts 将适用于所有浏览器，我确信它可以正常工作。有一些问题。

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

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

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

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

于 2012-10-01T16:08:11.937 回答