2012-11-04 96 views
1

我想寫一個模板,我的Blogger博客http://www.mostafa.info,我需要使用自定義webfont.Everything在IE順利,但在火狐該web字體不會渲染。火狐跨域字體

如果你看看我的博客同時使用firefox和chrome,你可以看到字體不同。

我搜索了很多的問題,我發現Firefox的問題是關於跨域字體。這些字體必須託管在我自己的Blogger博客上(這是不可能的!)。讓我提一下,我在Blogger中測試了Google webfonts,並且一切順利!

但問題是如何解決這個問題? 任何形式的幫助將不勝感激。

回答

1

我找到了一個好方法;我嵌入我的網絡字體到使用CSS的base64這樣的:

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

這樣它可以在所有的瀏覽器)和更重要的這是沒有必要訪問服務器的文件系統,所以我可以承載我的CSS /谷歌網站上的字體

0

但問題是如何解決這個問題?

通過讓服務器託管字體,發送正確的CORS標頭讓您的博客博客可以訪問它們。