iconfont的使用方法 | 踩过的坑

据 iconfont官网,其使用方法是 拷贝项目下面生成的fontclass代码,挑选相应图标并获取类名。

注意,这个fontclass代码是涵盖了你所有要使用的图标

iconfont的使用方法 | 踩过的坑_第1张图片

起因:部分icont图标生效了,部分图标无效。

问题:fontclass代码引入错误。

具体解决步骤:

1. 选择要在项目中使用的图标,加入购物车

iconfont的使用方法 | 踩过的坑_第2张图片

 2. 选择完毕后,添加到项目中

iconfont的使用方法 | 踩过的坑_第3张图片

 3. 将我的项目中的Font class下的代码复制到项目中iconfont的使用方法 | 踩过的坑_第4张图片

 iconfont的使用方法 | 踩过的坑_第5张图片

 4. 在页面中应用相应的类名,图标即可显示。

图标有几种,element-icon,iconfont阿里巴巴  注意区分。

你可能感兴趣的:(编程中的错误总结,编程工具使用,编程报错,前端)