Reactjs使用antd 离线icon无法显示

使用reactjs+webpack+es6+antd,引用antd.css,css文件中的ttf,woff字体图标链接为互联网地址,考虑到没有网或者无法连接的情况,将fonticon的ttf,woff,eot,svg文件下载到本地并用webpack的loader进行转码,但是图标无法正常显示 clipboard.png

项目文件路径如图
clipboard.png

webpack loader配置如下

clipboard.png

修改的antd.css字体引入代码如下,字体文件位置与antd.css同级
clipboard.png

按钮引用图标代码如下:

clipboard.png

如果我把antd.css中引入字体的代码注销掉,打包后的index.js文件小了1k,因此我应该确定文件确实引进去了,但是就是显示不出来.
跪求大神帮忙!

阅读 6.3k
2 个回答

好吧,是我把fontfamily写错了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题