uniapp中使用 iconfont字体

  1. 下载 iconfont 字体文件
  2. 打开 iconfont.css 文件,修改一下
  3. 把文件 复制到 static/iconfont/... 目录下
  4. 在App.vue中引入iconfont
  1. 使用iconfont 使用 iconfont 有两种方式, 一种是 class 方式, 一种是使用 unicode 的方式

5.1 使用 class 的方式
<text class="iconfont icon-a-2-LockOff"></text>

5.2 使用 unicode 的方式

复制代码
<text class="iconfont">&#xe614;</text>
<text class="iconfont">{{'&#xe8d5'}}</text>
相关推荐
帅帅的记忆20 小时前
uniapp项目调用原生android studio的sdk文件(即aar文件)
android·uni-app·android studio
宠友信息21 小时前
Spring Boot与Redis ZSet实现仿小红书源码双列瀑布流推荐
java·大数据·前端·spring boot·redis·mysql·uni-app
这是个栗子2 天前
uni-app微信小程序开发:高频核心 API(三)
微信小程序·小程序·uni-app
大白要努力!4 天前
uni-app 全面入门速查手册
前端·uni-app
李剑一4 天前
uni-app x 实现本地 JSON 文件的导入导出(APP端可用)
android·前端·uni-app
2501_915106324 天前
iOS 软件测试工具性能监控、日志分析 KeyMob、Instruments等
android·ios·小程序·https·uni-app·iphone·webview
PedroQue995 天前
uni-router v2.0.0:四大功能拆分为插件,按需加载
前端·uni-app
不法6 天前
uniapp map地图导航/地图路线
前端·vue.js·uni-app
淡淡的幼稚7 天前
【YFIOs】从传感芯片到表格曲线
uni-app·.net
宠友信息7 天前
多端即时通讯源码技术实践,Redis路由、MySQL持久化与Socket接入
spring boot·websocket·mysql·uni-app