elementui第三方字体图标

elementUI 是一个基于 Vue.js 的桌面端组件库，提供了一套丰富的 UI 组件，方便开发者快速搭建界面。在 elementUI 中，使用了第三方字体图标来增加组件的美观性和可定制性。

elementUI 使用的第三方字体图标库是阿里巴巴的矢量图标库 iconfont。使用 iconfont 字体图标可以避免图片加载，减小了页面的加载压力，并且可以通过 CSS 的方式来自由调整字体的颜色、大小、旋转等样式，使得图标的使用更加方便灵活。

在 elementUI 中，我们可以通过以下步骤来使用第三方字体图标：

1. 在阿里巴巴矢量图标库（iconfont）中搜索需要的图标，并添加至购物车。

2. 在购物车中将选中的图标添加至项目，并进行下载。

3. 下载后解压得到的文件中，找到包含字体文件和 CSS 文件的目录。

4. 将 CSS 文件中的引用路径修改为项目中正确的路径。

5. 在项目的入口文件（如 main.js）中引入 CSS 文件：

import 'path/to/iconfont.css';

6. 在需要使用图标的组件中，使用 `<el-icon>` 标签，并通过 `icon-class` 属性来指定图标的类名：

<template>
  <div>
    <el-icon icon-class="iconfont icon-xxx"></el-icon>
  </div>
</template>

其中，`icon-xxx` 为图标的类名，可以在下载的 CSS 文件中找到对应类名。

通过上述步骤，我们可以很方便地在 elementUI 中使用第三方字体图标，并根据需要进行自定义样式的调整。同时，elementUI 也提供了一些默认的内置图标，供开发者直接使用，方便快捷。