element ui中icon图标乱码

如果在 Element UI 中使用 icon 图标出现乱码，可能是因为没有正确引入字体文件。可以按照以下步骤尝试解决：

1. 确认已正确引入 Element UI 的样式文件和字体文件。

2. 检查是否在使用 icon 时指定了正确的字体家族名称。

例如，如果使用的是默认的 Element UI 主题，应该使用 "element-icons" 作为字体家族名称：

<el-icon class="el-icon-success" :style="{ fontFamily: 'element-icons' }"></el-icon>

3. 如果仍然出现乱码，可以尝试手动下载 Element UI 的字体文件并引入到项目中。

字体文件可以在 Element UI 的 GitHub 仓库中找到：

https://github.com/ElemeFE/element/tree/dev/packages/theme-chalk/src/fonts

下载对应的字体文件（例如 element-icons.ttf），放到项目的静态资源目录中，并在样式文件中引入：

@font-face {
  font-family: 'element-icons';
  src: url('./static/fonts/element-icons.ttf') format('truetype');
}

然后在使用 icon 时指定字体家族名称为 'element-icons' 即可：

<el-icon class="el-icon-success" :style="{ fontFamily: 'element-icons' }"></el-icon>