当前位置: 首页 > news >正文

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

<style lang="scss">
@import "./assets/iconfont/iconfont.css";
</style>

6、在项目中使用iconfont图标

<view class="iconfont f-24 lin-24 col-333">&#xe66a;</view>

在这里插入图片描述

相关文章:

  • 「软件设计模式」单例模式
  • NO.18十六届蓝桥杯备战|循环嵌套|乘法表|斐波那契|质数|水仙花数|(C++)
  • C++ Primer 函数基础
  • 基于Pygame搭建的雷达、光电和数据链数据生成引擎
  • 【进程与线程】如何编写一个守护进程
  • 在Ubuntu24.04上安装Stable-Diffusion1.10.1版本
  • Web渗透实战--XSS 常用语句以及绕过思路
  • 2025-2-14算法打卡
  • 深入理解小波变换:信号处理的强大工具
  • GESP C++二级真题及解析分享
  • 【做一个微信小程序】校园事件页面实现
  • 高效开发!使用Chrome对MoonBit生成的Wasm进行性能分析!
  • dnslog+sqlmap外带数据
  • vue3 pinia状态管理
  • 动态规划----------完全背包问题
  • Android Studio:键值对存储sharedPreferences
  • Qt接入deepseekv3 API 提供openssl 1.1.1g安装包
  • 【matlab】大小键盘对应的Kbname
  • 新产品来袭~适用于新能源电力的霍尔传感器
  • 简述deepseek创始人的创业之路
  • 如何做盗版小说网站/网站设计论文
  • 代理服务器地址怎么设置/百度关键词优化多久上首页
  • 上海集团平台app/seo服务是什么
  • 做ppt的素材免费网站/关键词是指什么
  • 衢州网站建设衢州/足球世界排名国家
  • 遵义城乡建设网站/百度 个人中心首页