1

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

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

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

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

4

2 回答 2

1

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

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

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

于 2013-02-24T15:37:08.450 回答
0

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

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

于 2012-11-05T04:01:10.767 回答