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

Posted 真嗣啊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app微信小程序开发添加iconfont图标字体相关的知识,希望对你有一定的参考价值。

一.Unicode

  1. 选择Unicode方式,先下载至本地,然后复制.css文件和.ttf文件到项目目录src/common/font/.复制代码覆盖掉.css文件的@font-face
  2. 在APP.vue文件中引入css文件
  3. 在组件内使用图标样式
  4. 实际效果

以上是关于uni-app微信小程序开发添加iconfont图标字体的主要内容,如果未能解决你的问题,请参考以下文章

uni-app开发跨平台小程序开发的诸多坑转载

小程序开发:用原生还是选框架(wepy/mpvue/uni-app/taro)?

小程序开发uniapp引入iconfont图标及使用方式

uni-app小程序开发踩坑记录

微信小程序开发-地图map组件上使用input组件

小程序开发技巧总结