iconfont 图标相关涉及到的问题及解决方案

改色失效问题（字体图标iconfont无法用color属性设置颜色）

问题描述：html页面引入的 iconfont图标 无法通过直接修改CSS样式中的color属性改变颜色，具体代码示例如下：

尝试解决思路：

  • 多次尝试无果（直接新增class添加css样式、修改原有iconfont样式、添加:before伪类选择器改样式……）

  • F12 尝试直接给icon图标添加颜色color属性也同样不生效，怀疑可能图标本身有问题

解决办法：

上述解决思路有提到是怀疑图标本身的问题，经过尝试后发现，的确如此😭😭😭，真的是F了，我们只需要在项目设置时不勾选字体格式——彩色这一选项即可！！！