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>
相关推荐
快乐的二进制鸭4 小时前
uniapp实现app的pdf预览
pdf·uni-app
qq_316837755 小时前
uniapp 打包安卓 集成高德地图
uni-app
阿福的工作室5 小时前
uniapp录制语音
uni-app
貂蝉空大8 小时前
uni-app开发app时 使用uni.chooseLocation遇到的问题
uni-app
林同学++8 小时前
uniapp多端适配
uni-app
kidding7238 小时前
uniapp引入uview组件库(可以引用多个组件)
前端·前端框架·uni-app·uview
qq_316837758 小时前
uniapp 安卓10+ 选择并上传文件
uni-app
合法的咸鱼8 小时前
uniapp 使用unplugin-auto-import 后, vue文件报红问题
前端·vue.js·uni-app
阳%12 小时前
uni-app小程序开发 基础知识2
前端·uni-app
花伤情犹在17 小时前
uView UI 在 UniApp 中的集成与配置
uni-app·view design