icon自定义字体图标 bug踩坑

482 阅读1分钟

开发时本地环境运行,icon正常显示,一打包就发现icon首次不显示,刷新一下就显示正常,路由跳转到其他页面再回来也不显示,一开始以为是webpack打包导致css丢失,控制台也报错 image.png

后面查看发现是自己的导出的icon 名称被改为iconmoon,在控制台将iconont修改为iconmoon果然显示出来

image.png

image.png

打包后发现也有问题, image.png

搜索全局,发现项目存在两个content: "\e9000";,将对应的content修改为不重复的即可

.MVP_head_3_disconnect:before {
  content: "\e9000";
}