uniapp - iconfont下载本地并且运用至项目上

1、项目中创建一个文件夹放置iconfont相关文件,例如src/assets/iconfont(名称自己定义)

2、在iconfont下载项目至本地

3、解压后把文件复制进1的文件夹中

4、修改src/assets/iconfont - iconfont.css里的@font-face的src地址,修改成绝对路径

注意:这里的123是我瞎写的,下载后的t=xxx是什么,123就是代表那个的。

5、在App.vue中把iconfont引入到项目中
App.vue

css 复制代码
<style lang="scss">
@import "./assets/iconfont/iconfont.css";
</style>

6、在项目中使用iconfont图标

html 复制代码
<view class="iconfont f-24 lin-24 col-333">&#xe66a;</view>
相关推荐
脾气有点小暴14 小时前
uniapp滚动容器冲突
uni-app
鱼樱前端16 小时前
uni-app开发app之前提须知(IOS/安卓)
前端·uni-app
二狗mao1 天前
Uniapp使用websocket进行ai回答的流式输出
websocket·网络协议·uni-app
良逍Ai出海2 天前
Build in Public|为什么我开始做一款相册清理 App(听说有竞品年收益40W)
ios·uni-app·ai编程·coding
2501_915106323 天前
iOS App 测试工具全景分析,构建从开发调试到线上监控的多阶段工具链体系
android·测试工具·ios·小程序·uni-app·iphone·webview
dchen773 天前
uniapp实现上拉刷新和下拉刷新的两种方式
uni-app
FinelyYang4 天前
uniapp+unipush2.0+WebRTC实现h5一对一视频通话
uni-app·音视频·webrtc
天蓝色的鱼鱼4 天前
mescroll老用户亲测z-paging:这些功能让我果断切换!
前端·uni-app
anyup4 天前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos
半兽先生4 天前
uniapp高性能ui框架uni-ui
ui·uni-app