uni-app微信小程序开发添加iconfont图标字体

【uni-app微信小程序开发添加iconfont图标字体】蹉跎莫遣韶光老,人生唯有读书好。这篇文章主要讲述uni-app微信小程序开发添加iconfont图标字体相关的知识,希望能为你提供帮助。
一.Unicode

  1. 选择Unicode方式,先下载至本地,然后复制.css文件和.ttf文件到项目目录src/common/font/.复制代码覆盖掉.css文件的@font-face
    uni-app微信小程序开发添加iconfont图标字体

    文章图片
  2. 在APP.vue文件中引入css文件
    uni-app微信小程序开发添加iconfont图标字体

    文章图片
  3. 在组件内使用图标样式
    uni-app微信小程序开发添加iconfont图标字体

    文章图片
  4. 实际效果
    uni-app微信小程序开发添加iconfont图标字体

    文章图片

    推荐阅读