关于使用iconfont出现小框问题

关于使用iconfont出现小框问题。
1.具体的引入这里就不做详解了,大家可以百度一下。
2.在引入之后,会有一些小伙伴存在不出现自己想要的图标,而是小框问题

引发这个问题有很多种情况。
我的是删除多了代码;
iconfont.css文件
@font-face {font-family: “iconfont”;
src: url(‘iconfont.eot?t=1604999710127’); /* IE9 /
src: url(‘iconfont.eot?t=1604999710127#iefix’) format(‘embedded-opentype’), /
IE6-IE8 /
url('data:application/x-font-woff2;charset=utf…(省略)format(‘woff2’),
url(‘iconfont.woff?t=1604999710127’) format(‘woff’),
url(‘iconfont.ttf?t=1604999710127’) format(‘truetype’), /
chrome, firefox, opera, Safari, Android, iOS 4.2+ /
url(‘iconfont.svg?t=1604999710127#iconfont’) format(‘svg’); /
iOS 4.1- */
}

这里大家看一下,有很多的说明,比如什么什么字体支持的是什么什么版本的css。大家在这里不要盲目的根据网上的步骤删除。**
小伙伴们可以不删除先,测试是否有效,如果这时候无效,那说明路径可能存在问题。
然后再根据自己的需要删除。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值