
有问题的Firefox的解析状态:
自定义字体对应的内容根本出不来,或者说是乱码,看了下其他网站,同样的源码,他们好好的,为啥我的不行呢?看了源码我似乎知道了些什么,按照我的思路,尝试了下,把我的样式和字体文件放在了测试域名下来访问,问题瞬间解决了,笑脸出来啦。原来是跨域资源共享惹的祸!
按照思路,Google了一把,在serverFault找到了解决方案,原理就是允许跨站共享,贴出来啊贴出来~
- location ~* .(eot|ttf|woff)$ {
- add_header Access-Control-Allow-Origin *;
- }
在你存放字体的nginx服务器配置文件中的server段内加上上面的代码,问题就搞定了,Firefox也乖乖的显示自定义字体啦!撒花~~
顺便看了下发现某些字体文件也是支持gzip的(woff字体据说已经是压缩过的了,没去验证过...),下面是支持gzip的字体mime列表:
- image/svg+xml
- application/vnd.ms-fontobject
- application/x-font-ttf
- font/opentype
你要问我这段加在哪里,我不会告诉你的,哈哈~~好了,问题搞定了,心情也好了,舒坦~