微信小程序 使用字体图标 iconfont

- 日理万妓 2021-12-24 15:41 560阅读 0赞

第一步：在阿里巴巴矢量图标库下载需要的图标

地址：https://www.iconfont.cn/

添加至项目

1073044-20190531135120471-1659618030.png

第二步：打开在线代码

将在线代码复制

1073044-20190531135341957-533338369.png

第三步：点击下载至本地下载图标

1073044-20190531135502804-1133711427.png

将下载的download文件解压打开iconfont.css，将文件中的@font-face替换为在线链接（即刚刚复制的代码）。

第四步：将iconfont.css文件中的代码复制到微信小程序使用字体图标的的wxss文件中。

使用实例：

  1. <icon class='iconfont icon-icon_fabu'/>
  2. <icon class='iconfont icon-ditu-dibiao'/>
  3. <icon class='iconfont icon-gongdanqueren'/>
  4. <icon class='iconfont icon-kongxinduigou'/>
  5. <icon class='iconfont icon-icon_zhanghao'/>

　　

效果

1073044-20190531135855675-1202034292.png

原文：https://www.jianshu.com/p/10cb579539f0?utm\_campaign=maleskine&utm\_content=note&utm\_medium=seo\_notes&utm\_source=recommendation

转载于:https://www.cnblogs.com/1906859953Lucas/p/10954929.html

发表评论

表情：
评论列表 （有 0 条评论，560人围观）

还没有评论，来说两句吧...

相关阅读