uniapp之使用iconfont

贴上iconfont官网链接： iconfont-阿里巴巴矢量图标库

将选中的图标添加到自己所需的项目中

下载到本地，并解压

分析下载的个个文件作用

• iconfont.woff2：这是一种Web开发中常用的字体文件格式，用于存储自定义图标字体的矢量数据。缺失该文件，浏览器可能无法正确加载和显示自定义图标

• iconfont.woff：这也是一种Web开发中的字体文件格式，用于存储自定义图标字体的矢量数据。缺失该文件可能导致自定义图标无法正确加载和显示

• iconfont.ttf：这是一种TrueType字体文件格式，用于存储自定义图标字体的矢量数据。同样，缺失该文件可能导致自定义图标无法正确加载和显示

• iconfont.css：这是一个CSS样式文件，包含了自定义图标字体的定义和使用规则。它定义了字体名称、字符编码和对应的Unicode值。缺失该文件，将无法在CSS中使用相应的图标样式。

• iconfont.js：这是一个JavaScript文件，通常由字体图标库提供，用于优化和扩展对自定义图标的支持。它提供了一些额外的功能，例如动态加载字体文件、自动生成CSS样式等。缺失该文件，可能导致一些特殊的字体图标功能无法使用。

• iconfont.json：这是一个JSON文件，用于描述自定义图标字体的相关信息，如字体名称、字符编码和文件路径等。它通常由字体图标库生成并用于字体图标的管理和配置。缺失该文件不会影响字体加载，但可能导致在维护和管理字体图标时出现困难

然后demo_index.html是案例，可以打开到当中选择图标class名；demo.css也是案例，可以记事本打开看看

在项目中使用

uniapp的话，就在app.vue下面的css中全局引用

@import "./static/iconfig/iconfont.css"

然后在.vue文件中使用，xxx不知道是什么的可以看下图

//没有点 .