火狐跨域字体

Question

我想写一个模板，我的Blogger博客http://www.mostafa.info，我需要使用自定义webfont.Everything在IE和铬顺利，但在火狐该web字体不会渲染。

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

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

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

Answer 1

我找到了一个好方法;我嵌入我的网络字体到使用CSS的base64这样的：

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

这样它可以在所有的浏览器）和更重要的这是没有必要访问服务器的文件系统，所以我可以承载我的CSS /谷歌网站上的字体

Answer 2

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

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