Firefox跨域字体

Question

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

如果您查看我的博客同时使用firefox和chrome，您可以看到该字体不同。

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

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

Answer 1

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

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

这样它适用于所有浏览器;）更重要没有必要访问服务器的文件系统所以我可以在谷歌网站上托管我的CSS /字体

Answer 2

  

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

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