我使用webpack2,然后使用基础的css-loader,css文件中有@font-face直接引入阿里的iconfont,在其他浏览器下均没有问题。
在ie8中,就不渲染。icon的资源我并没有使用任何加载器,就远程引入,不是下载到本地打包的。
不用webpack之前都能用,大家用webpack做项目的时候,ie8下iconfont正常么?真的是百度谷歌翻烂了,sf上有个类似问题,但也没有人回答,而且都很久以前的了。哪位前辈能指点一二?多谢了。
我使用webpack2,然后使用基础的css-loader,css文件中有@font-face直接引入阿里的iconfont,在其他浏览器下均没有问题。
在ie8中,就不渲染。icon的资源我并没有使用任何加载器,就远程引入,不是下载到本地打包的。
不用webpack之前都能用,大家用webpack做项目的时候,ie8下iconfont正常么?真的是百度谷歌翻烂了,sf上有个类似问题,但也没有人回答,而且都很久以前的了。哪位前辈能指点一二?多谢了。
经过测试,IE8下是可以正常使用iconfont的。
但是经过webpack2打包后,由于有一句return t.default
,在IE8下会直接爆出SCRIPT1010: 缺少标识符
的错误,因为default
是js的保留字符。[虽然这里什么关系都没有,但是还是会被IE8干掉]
sf上有一个用webpack兼容IE相关的文章可以看看https://segmentfault.com/a/11...
@font-face {
font-family: 'iconfont'; /* project id 379613 */
src: url('.eot?#iefix'); //兼容IE6-8
src: url('.eot') format('embedded-opentype'), //兼容IE9及以上,但是其实IE9以上已经兼容woff字体
url('.woff') format('woff'),
url('.ttf') format('truetype'),
url('.svg#iconfont') format('svg');
}
5 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
4 回答2k 阅读
2 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
自行找到问题的所在。由于EOT文件会受到同源策略的印象,而我之所以打不开,是因为我用webpack打包后生成的静态文件直接打开,而没有起服务器。。。就那么简单=- =