使用webpack,使用最基础的css module加载器,iconfont在ie8中不渲染

发布于 2022-09-05 10:39:26 字数 249 浏览 19 评论 0

我使用webpack2,然后使用基础的css-loader,css文件中有@font-face直接引入阿里的iconfont,在其他浏览器下均没有问题。

在ie8中,就不渲染。icon的资源我并没有使用任何加载器,就远程引入,不是下载到本地打包的。

不用webpack之前都能用,大家用webpack做项目的时候,ie8下iconfont正常么?真的是百度谷歌翻烂了,sf上有个类似问题,但也没有人回答,而且都很久以前的了。哪位前辈能指点一二?多谢了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

守望孤独 2022-09-12 10:39:26

自行找到问题的所在。由于EOT文件会受到同源策略的印象,而我之所以打不开,是因为我用webpack打包后生成的静态文件直接打开,而没有起服务器。。。就那么简单=- =

傾城如夢未必闌珊 2022-09-12 10:39:26

经过测试,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');
}
已下线请稍等 2022-09-12 10:39:26

我用的1版本

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文