关于使用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。大家在这里不要盲目的根据网上的步骤删除。**
小伙伴们可以不删除先,测试是否有效,如果这时候无效,那说明路径可能存在问题。
然后再根据自己的需要删除。