项目场景:
layui自带图标库不够用,需扩展,故考虑引入iconfont。
官网:www.iconfont.cn
问题描述:
按照官方文档引入后,发现图标不显示,只显示了一个方框。
官方三种使用方式,Unicode和Font Class均显示方框,Symbol可以正常显示。
引入路径无问题,使用方式无问题。
引入方式网上很多,在这里不赘述了。
解决方案:
偶然发现别人的iconfont.css中比我多了两行URL,去官网查看后,发现我的项目设置中勾选了【彩色】
![](https://i-blog.csdnimg.cn/blog_migrate/dae1b2cc7c6fc33cba46d0b4838e1068.jpeg)
去掉彩色,勾选EOT和SVG,重新下载代码引入后,图标显示正常。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2205e259fa07b13f17281964d59ac3d8.jpeg)
原理不清楚,可能是我的项目必须要引入EOT和SVG才行。