uniapp iconfont 两种引入流程

一: 本地引入

1.将需要的图标加入到购物车,添加至项目

在这里插入图片描述

2.下载到本地并解压

在这里插入图片描述

3.解压文件夹后只保留里面的iconfont.css 和 iconfont.ttf

在这里插入图片描述

4.修改 iconfont.css 文件

在这里插入图片描述

补充: 在uni-app项目中在 App.vue 引入会报找不到 iconfont.ttf 文件的错误,

在这里插入图片描述

解决: 修改 iconfont.ttf 的引入方式

在这里插入图片描述

5.main.js全局引入 iconfont.css 文件

**ps:**我在global.css里面引入了iconfont.css,所以main.js里面直接引入的global.css

在这里插入图片描述

6.使用方法,可以自定义图标颜色
<i class="iconfont iconsearch" style="color: red"></i>
7.后期如果增加字体图标,可以按照上述方法进行替换iconfont.css和iconfont.ttf两个文件, iconfont.css 还是按照第4步进行修改即可


二:链接引入

1.只需要保留下载的 iconfont.css 文件

在这里插入图片描述

2.修改 iconfont.css 文件

在这里插入图片描述
在这里插入图片描述

注意点: 使用链接引入在没有网络的情况下是不显示图标的,本地引入不会出现这种现象

在这里插入图片描述

# css # css3 # 前端
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局