原因分析

  在我们使用iview本地的文件时图标不显示。
本地引入iview图标无法正常显示解决方法

  打开控制台我们可以看到这个,说明请求不到对应的字体文件。

本地引入iview图标无法正常显示解决方法

解决

1、下载字体文件

在官网下载字体,官方font字体文件,里面有的都要下。

本地引入iview图标无法正常显示解决方法

当点进去后发现没有东西,点击View Raw后就会提示下载。

本地引入iview图标无法正常显示解决方法

2、修改本地iview.css文件

打开iview.css,搜索@font-face,修改里面字体文件的路径及版本(即存放路径(建议使用相对路径)和刚刚下载的版本号)

本地引入iview图标无法正常显示解决方法

修改完成后刷新即可正常显示。
本地引入iview图标无法正常显示解决方法

相关文章:

  • 2022-02-23
  • 2021-05-15
  • 2023-01-18
  • 2022-12-23
  • 2022-12-23
  • 2021-11-05
  • 2021-06-06
  • 2022-02-18
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2021-10-01
  • 2021-11-23
  • 2021-08-02
  • 2021-05-19
相关资源
相似解决方案