问题标签 [webfonts]

谷歌提供网络字体 - http://code.google.com/webfonts

它们在 Firefox 中工作，但 FF 有一个安全策略来阻止跨站点字体使用 - http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/（搜索 Cross-Site Font用法）。

任何人都可以冒险猜测他们是如何做到这一点的吗？他们是否使用“访问控制标头”？有没有办法测试它？

添加访问控制标头是否存在任何安全问题？

提前致谢。

在我的网站上使用 Google 字体时，我发现有些不一致。

我正在将Arvo RegularBold 导入我的网站，发现 IE 7 并没有像我每次预期的那样呈现字体。第一个示例是我希望它如何显示。

示例 1

第二个示例似乎是加载字体，而是加载常规变体。每次显示哪个版本似乎是随机的。

示例 2

正如您所想的那样，我希望它每次都像示例 1 那样显示，而不是赌它每次都会加载正确的字体。

谷歌在这篇文章中解释了一些使用他们的网络字体的技术

他们提出了两种方法：

• 使用webfont.js
• 使用API 密钥和google.load

我已经使用 API 密钥来加载 jquery，当我阅读以下行时，这似乎是最好的方法：

“如果您已经在使用 Google 的 AJAX API，那么请使用 [ google.load技术]”_

但他们继续说：

“第一种方法[webfont.js技术]更快”

第一季度

他们说 webfont.js 方法更快，但建议我使用较慢的方法，因为我已经在使用它从他们的网络加载其他文件。我是否应该忽略他们的建议，将其视为一个简单的错误并使用更快的方法？

第二季度

当我对编写javascript回调不感兴趣时​​，使用这些技术中的任何一种是否有任何好处？：

@font-face如何在我的 CSS 中使用超过规则？

我已将其插入到我的样式表中：

这目前仅适用于网站上的整个文本。但是，我想指定h1使用不同的字体。我怎样才能做到这一点？

我使用 font-squirrel 已经有一段时间了，对它的生成器和@font-face 方法非常满意，因为它不会产生任何 FOUT。但是最近有一个项目来开发，当我尝试生成时，它给出了一个错误

字体 abc.otf 被生成器列入黑名单。对不起

其中 abc.otf 是字体文件。现在客户已经购买了字体的许可证，唯一的问题是在开发时我不知道如何使用字体。我不想使用 Cufon，因为它不支持样式更改，并且我需要为 Hover 文本设置不同的颜色。

我正在寻找一个可以为 IE7+ {EOT}、firefox 和 webkit 生成 @font-face 变体的网站

我想知道是否可以在另一个域上托管 webfonts，我的 CSS 托管在 Amazon CloudFront 和我的 webfonts 上，但它们没有显示，当我的 css 在本地时很好。

这是我在 CloudFront 上的 style.css：

样式表使用子域托管在 CloudFront 上：static.mydomain.com/style.css 可以从以下位置下载 Webfont：static.mydomain.com/app/files/fonts/allerdisplay-webfont.ttf

不幸的是，当从 mydomain.com 调用样式表时，它不会加载它。我想知道这是否是一个限制或类似的东西。

谢谢

这真让我抓狂。

刚刚在 IE9 上测试了一个网站，发现“实时”版本正在渲染我使用的网络字体，比开发版本更小。

以下是精选的屏幕截图：

我正在使用字体松鼠 @font-face 套件。如您所见，在 Firefox、Chrome 甚至 IE9 上查看站点的本地版本时都很好。

本地版本和实时版本之间的唯一区别是字体是从实时站点上的不同域加载的（我已经正确设置了跨域策略，正如它在 Firefox 和 Chrome 上运行的事实所示）。

我不记得它在 IE8 中的样子（微软再一次没有考虑开发人员，并且已经在 IE8 之上安装了 IE9，没有同时运行它们的选项）

该站点位于http://enplanner.com，因此您可以查看源代码。

对此的任何帮助将不胜感激 - 在此先感谢您。

编辑：我删除了 IE9，发现它在本地和 IE8 中看起来完全一样。看起来 IE8 具有比 IE9 更接近 FF/Chrome 的卓越渲染引擎。这是一个相当令人沮丧的发现。

在 Firefox 中，当页面加载时，它会在使用指定的字体呈现之前显示片刻的默认字体（例如 Times New Roman）（取决于连接速度）。我知道这不能更快，但是如何在字体加载时更改之前将 Arial 设置为默认字体？

我正在尝试将字体“Andale Mono”嵌入到我的 html 页面中，我在以下扩展名中有字体：.eot、.svg、.ttf 和 .woff

无论如何，我可以让它在所有浏览器上工作吗？我能够让它在 Firefox、Chrome 和 Safari 上正常工作，但它不能在 IE 上工作。

这是我最后一次发现的：

提前致谢。

从 FontSquirrel 的字体生成器生成了几个 webfont 工具包，将它们放入 css 文件中，它们可以工作，但前提是文件与 css 文件位于同一目录中。

如何在指定不同目录时使它们工作？

现在的代码：

我希望所有文件都保存在/assets/webfonts.

我试过/assets/webfonts了../assets/webfonts......这些不起作用......

谢谢你，汤姆