问题标签 [font-face]

我需要使用@font-face 功能，我的字体是 OTF/TTF 格式，微软浏览器只支持 EOT 格式。我尝试使用 Microsoft 工具 WEFT，但它不起作用或者我不明白它是如何工作的。有没有其他方法可以将我的字体转换为 EOT 格式？

更新：看起来我陷入了实际上并不是问题原因的相关性。问题实际上是与如何部署 CSS 文件无关的问题。有关详细信息，请参阅下面的答案。

我的 @font-face 在 WebKit（Safari 和 Chrome）和 Opera 中运行良好，但在 Firefox 3.5 或 IE 8 中运行良好。

根据 Google 和其他人的建议，我从与我的主站点不同的域中提供所有静态资产，包括 CSS。如果我从同一个域中提供所有内容，它在所有浏览器中都可以正常工作（注意：这意味着关于 CSS 语法的答案是无用的。我已经弄清楚了所有这些并且工作得很好。这只是关于跨域问题） .

如果我从我的静态资产域提供 CSS 和字体文件，并让静态资产服务器设置适当的访问控制标头(Access-Control-Allow-Origin)，它应该可以工作，它可以在除 FF 3.5 和 IE 之外的任何地方工作。

我需要做什么才能完成这项工作？

我遇到了@font-face 的问题。它实际上在 Safari、Internet Explorer 7+ 和 Windows 版 Firefox 上完美运行，但在 Mac 版 Firefox 上却完全没有。

我正在使用来自防弹@font-face 文章的代码

这是我的代码：

这是我的网站的链接：链接文本

在我处理 SL3/SL4 应用程序并开始使用字体时，我发现缺乏有关字体策略的文档和最佳实践。例如：

1. 支持的字体集（Arial、Comic Sans MS 等）是否有常见的备用字体？是否有一套关于 Windows 和 Macintosh 系统之间的备用字体的建议？
2. 是否有 Silverlight 支持的字体（几乎总是）在最终用户系统上，或者像 99.5% 的时间，如“Times New Roman”或“Verdana”，包括 Macintosh？有没有列出此类信息的网站？
3. 是否有关于考虑 SL 应用程序的 Moonlight (Linux) 视图和 Linux 系统部署/未部署的字体的建议？
4. 有没有办法在 XAML 或代码隐藏中确定最终用户的系统上是否有支持的字体？我希望它在输入时运行，然后根据发现更改 XAML 以支持正确的字体或允许加载嵌入的字体。
5. 在支持字体的文档中，它列出了一堆字体，“如果本地计算机上可用，Silverlight 文本元素可以使用以下拉丁字体。”。这是否意味着如果我使用不在此列表中的字体，例如“Cooper Black”，并且最终用户 的系统上确实有此字体，他们仍需要下载嵌入在我的应用程序中的字体？

任何可以导致至少上面回答的一些问题的链接或指针将不胜感激。

在我的网站上，我的字体系列是Tw Cen MT, Gill Sans, Century Gothic, sans-serif. 显然，不是每个人都会有Tw Cen MT，所以我选择尝试这种@font-face方法。

这是我的CSS：

几个问题：

1. 这适用于所有现代浏览器（Firefox、Chrome、Safari 和 IE8）吗？

2. 我还没有测试它，因为我有字体。当您访问我的主页时，此方法对您有用吗？

3. 字体是一个大文件。您在访问我的网站时是否经历过较长的加载时间？

非常感谢提前

我必须在项目中使用花哨的字体，但我真的很想避免使用 sifr 和其他丑陋的替代品，所以我正在查看@font-face。

然而，我真的很困惑几个博客/网站对其可用性提供不同的看法。准备好了吗？今天哪些浏览器支持它？

谢谢

我在我正在处理的网站上使用@font-face，并且在我使用模式窗口显示 iframe 之前，一切都可以完美地跨浏览器工作。

在 iframe 中单击链接或提交表单时，Internet Explorer 8 会丢失 @font-face 样式并恢复为 Arial。如果使用 iframe 打开模式窗口，然后再次关闭，然后用户突出显示文本，也会出现此问题。一旦文本被突出显示，它就会失去其字体样式。

有没有其他人以前遇到过这个问题或找到解决这个问题的方法？

以下@font-face 声明在 Firefox (Mac) 上运行良好，但在 Safari/WebKit 上运行良好：

为了澄清，我也试过：

, 带/不带引号等。

有没有其他人经历过这种情况，如果有，你是如何解决的？这不起作用真是令人困惑（而且有点恼人......）。

我必须在网站中实现自定义字体，应该使用什么。客户提供自定义字体。

• 所有浏览器支持（包括 IE6 和所有A 级浏览器）
• 文本可选
• 选择可见
• 可通过屏幕阅读器访问
• 如果 JS 被禁用，则可成功降解
• 在更短的时间内易于实施和管理
• 兼容手机浏览器
• 更少的性能问题
• 无需购买
• 也可以用作链接
• 字体应该看起来像 Photoshop 中一样平滑

或者有没有其他更好的和免费的解决方案包含所有这些东西？

只是想确认一下：Firefox 目前不能很好地通过 font-face 标签通过子域选择自定义字体。其他浏览器这样做没有任何问题。

一项小研究表明，我需要设置 Access-Control-Allow-Origin，如下链接所示：http: //pastie.org/653265

基本上，我在 kaushikgopal.com/blog 上有我的博客，我试图访问该博客中可在 font.kaushikgopal.com 获得的字体。我尝试在我的 .htaccess 文件中进行相同的更改，但无法解决问题。（我在字体子域文件夹中放置了一个 .htaccess 文件，并直接从上面的粘贴链接粘贴了代码）。

我向 Dreamhost 提交了一张请求帮助的票，他们清楚地说明“我们不支持共享托管服务器上的 Access-Control-Allow-Origin”。

所以我没有走字体的子域路线。但我有点好奇，有没有人尝试过这个（使用dreamhost托管帐户会有所帮助）？只是想确认技术支持人员的建议是否准确，没有其他办法。

谢谢。

另一个很好的链接清楚地说明了问题： http: //www.stevesouders.com/tests/font-face/xdomain.php