uni-app自定义阿里图标的方法

参考：官方文档-自定义图标

新建项目

只选TTF就可以了

添加图标到项目中

将 iconfont.ttf、iconfont.css 放到项目根目录 static/fontIcon 下。

打开 iconfont.css ,修改 @font-face 如下,注意 src 字体文件的引用路径是否正确：

@font-face {
  font-family: "iconfont"; /* Project id 3526552 */
  src: url('/static/fontIcon/iconfont.ttf?t=1657952219016') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-copy:before {
  content: "\e706";
}

在项目根目录的 App.vue 中，引入上述的 iconfont.css，

注意自己存放的路径，且通过 @import 引入的外部样式，需要写在 style 标签有效内容中的最前面

    /*引入字体图片*/
    @import '@/static/fontIcon/iconfont.css';

使用 custom-prefix 和 type 属性自定义图标

<uni-icons custom-prefix="iconfont" type="icon-copy" size="18" color="#0055ff"></uni-icons>