Firefox 跨域字体答案

【问题标题】：Firefox cross domain fontsFirefox 跨域字体
【发布时间】：2013-02-24 23:38:27
【问题描述】：

我正在尝试为我的 Blogger 博客 http://www.mostafa.info 编写模板，我需要使用自定义 webfont。在 IE 和 Chrome 中一切正常，但在Firefox webfont 不会呈现。

如果你用 firefox 和 chrome 查看我的博客，你会发现字体是不同的。

我搜索了很多问题，发现 Firefox 的问题与跨域字体有关。这些字体必须托管在我自己的 Blogger 博客上（这是不可能的！）。让我提一下，我在 Blogger 中测试了 Google 网络字体，一切顺利！

但问题是如何解决这个问题？任何形式的帮助将不胜感激。

【问题讨论】：

【解决方案1】：

我找到了一个好方法；我使用 base64 将我的 webfonts 嵌入到 CSS 中，如下所示：

@font-face{
 font-family: "myFontName";
 src: url(data:font/woff;base64,d09GRgABAAAAAGZ0ABEAA...AAA)
}

以这种方式它适用于所有浏览器；）更重要的是不必访问服务器的文件系统，因此我可以在谷歌网站上托管我的 CSS/字体

【讨论】：

【解决方案2】：

但问题是如何解决这个问题？

通过让托管字体的服务器发送正确的 CORS 标头，以允许您的博主博客访问它们。

【讨论】：