vue3使用iconfont字体图标时的注意事项

前言#

iconfont地址：https://www.iconfont.cn/

正文#

在代码中如何引用

https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.27&helptype=code

字体图标的自带颜色

有些字体图标是自己带颜色的，如果需要用color属性修改颜色，有这几点注意事项

  1. 使用 unicode 或者 font-class 方式引用字体图标
  2. 如果使用symbol 引用方式，必须将字体图标的颜色去掉，去掉颜色的方式如下：
posted @   水车  阅读(175)  评论(0)  编辑  收藏  举报
相关博文：
·  前端开发中解决客户电脑没有想要的字体解决办法
·  nuxt3:添加谷歌免费字体以及遇到的坑
·  vue中使用Symbol的方式引用iconfont
·  vue3 引入 iconfont 图标库
·  vue3引入Iconfont
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天：
2020-04-04 4月4悼念日 多数app 或者网站变成灰色的实现效果
2020-04-04 Mqtt 客户端多主题订阅
2020-04-04 paho.mqtt.golang--option.go 源码解析
2020-04-04 MQTT服务器(Broker) - mosquitto配置文件详解
2020-04-04 asdine/storm学习笔记
2016-04-04 如何激活webstorm 11
点击右上角即可分享
微信分享提示
SQL AI 助手
主题色彩