当前位置: 首页 > 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>

在这里插入图片描述

http://www.dtcms.com/a/15798.html

相关文章:

  • 「软件设计模式」单例模式
  • 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创始人的创业之路
  • 第三次作业
  • 【详细指南】如何在银河麒麟操作系统上使用DeepSeek?
  • flutter 打包mac应用并安装过程
  • 42.水果销售系统(springbootvue的Java项目[含微信小程序])
  • LabVIEW外腔二极管激光器稳频实验
  • 基于SpringBoot的电影院售票管理系统
  • nextjs的基础了解
  • 【C/C++算法】从浅到深学习--- 二分查找(图文兼备 + 源码详解)
  • 第十一篇:EMC的“电磁护盾”——三电系统干扰抑制实战
  • 【ISO 14229-1:2023 UDS诊断全量测试用例清单系列:第十四节】