第一种方法:
/*view 模块*/
<text class="icon"></text>
/* css 模块*/
@font-face {
font-family: 'iconfont';
// 本地链接
src: url('~@/static/ttf/iconfont.ttf') format('truetype');
// 第三方链接
// src: url('https://xxx.xxx.xxx/ttf/iconfont.ttf') format('truetype');
}
.icon {
font-family: iconfont !important;
font-size: 25px;
font-style: normal;
}
第二种方法:
@import url("https://cdn.jsdelivr.net/xxx.css");
view模块,元素icon就是引入css里面定义的
<view class="icon"></view>
Uniapp 自定义图标
于 2022-03-14 10:53:04 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)