1

我正在尝试为我的 Blogger 博客http://www.mostafa.info编写模板,我需要使用自定义 webfont。在IEChrome中一切正常,但在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 回答