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

Vue引入使用iconfont字体图标

news 来源：原创 2024/9/20 0:40:19

由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。

1. 首先进入阿里巴巴矢量图标库官网

官网：https://www.iconfont.cn/

2. 注册账号

如果已经注册过可忽略该步骤

3. 新建项目

点击上方资源管理 -> 我的项目

进去之后点击右上角新建项目

只需要关注项目名称和FontClass/Symbol前缀即可

项目名称就根据自己的项目编写即可，FontClass/Symbol前缀就是在使用的时候前面的类名前缀

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Java 基础（从编写到运行）详细说明
  • springboot使用WebSocket
  • LeetCode257 二叉树的所有路径
  • 高可用集群KEEPALIVED
  • opencv色彩空间类型转换
  • LLM微调(精讲)-以高考选择题生成模型为例(DataWhale AI夏令营)
  • 前端创作纪念日
  • go语言协程之间的同步
  • 第十章、 异常Exception
  • 东土科技车规级网络芯片获批量应用
  • leetcode300. 最长递增子序列,动态规划附状态转移方程
  • Android 让程序随系统自动启动并允许后台运行（白名单）
  • arch linux 安装Budgie桌面
  • MySQL约束
  • 一、软件工程概述
  • centos安装java运行环境jdk+tomcat
  • hadoop集群管理系统搭建规划说明
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • javascript 总结（常用工具类的封装）
  • js 实现textarea输入字数提示
  • js继承的实现方法
  • React-生命周期杂记
  • springMvc学习笔记（2）
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 开源SQL-on-Hadoop系统一览
  • 实习面试笔记
  • 数组大概知多少
  • 算法-图和图算法
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗？
  • #【QT 5 调试软件后，发布相关：软件生成exe文件 + 文件打包】
  • #if和#ifdef区别
  • #laravel 通过手动安装依赖PHPExcel#
  • （3）nginx 配置(nginx.conf)
  • （八）光盘的挂载与解挂、挂载CentOS镜像、rpm安装软件详细学习笔记
  • （第一天）包装对象、作用域、创建对象
  • （附源码）springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (每日持续更新）jdk api之StringBufferInputStream基础、应用、实战
  • （七）Appdesigner-初步入门及常用组件的使用方法说明
  • （转）我也是一只ＩＴ小小鸟
  • （自用）learnOpenGL学习总结-高级OpenGL-抗锯齿
  • .java 指数平滑_转载：二次指数平滑法求预测值的Java代码
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .net MySql
  • .NET Standard 的管理策略
  • .net 简单实现MD5
  • .NET_WebForm_layui控件使用及与webform联合使用
  • .Net8 Blazor 尝鲜
  • .net实现客户区延伸至至非客户区
  • @ResponseBody
  • @SpringBootApplication 注解
  • [000-01-030].Zookeeper学习大纲
  • [ACM独立出版]2024年虚拟现实、图像和信号处理国际学术会议（ICVISP 2024）
  • [AHK] WinHttpRequest.5.1报错 0x80092004 找不到对象或属性
  • [AI Google] 使用 Gemini 取得更多成就：试用 1.5 Pro 和更多智能功能
  • [Angular] 笔记 20：NgContent