我的页面使用了几个第三方的字体,我把他们全部都定义在了css font-face中,经过兼容性测试,本地用Localhost通过IE、FIREFOX、CHROME下全部正常。
@font-face {
我把站点部署到服务器上后,用Nginx分发处理静态文件,把js、css、图片、字体全部交给nginx处理,也是一切正常。
font-family: 'FontAwesome';
src: url("../font/fontawesome-webfont.eot");
src: url("../font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
url("../font/fontawesome-webfont.woff") format("woff"),
url("../font/fontawesome-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
但是我把静态文件全部放到OSS上之后,问题出现了:js、css、图片正常,但是自定义字体却不能正确显示。
刚开始我以为是字体文件404了,我打开Firefox的网络资源连接情况一看,字体文件的url返回200,也就是完全正常的。字体文件能正常下载,唯独无法正确显示在Firefox和IE上,但是在Chrome上却完全正常显示!
然后我觉得应该是没设置好文件的Mimes-Type,于是我分别按照格式设置了不同字体对应的mime type,结果仍然无效。
有谁遇到过类似的情况吗?谢谢了
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。