阿里巴巴矢量图使用方法

简介: 阿里巴巴矢量图使用方法

1、第一阶段:解决办法:下载图片,把它当作图片来用(当时没有弄出来,不知道怎么弄,用的这种办法)(.png格式)

2、第二阶段:

下载后得到一个压缩包,解压,里面有个文件夹,文件夹里的内容如下图:

然后点击那个唯一的显示的是网页的文件;点开后,显示如图

它有三种引用方法:Unicode,font class和symbol

这几种方法只要点击相应的后,往下拉将会出现如图示的 解释如何使用的步骤

下面,我将把font class方法的具体使用步骤写出来。

1、第一步:(如图)引用项目下面生成的fontclass代码:(具体,只要复制图中的代码放入自己的代码即可)

注意:href中的地址使用的是相对路径,这时,需要将解压得到的文件夹中的iconfont.css文件和页面放在同级上。或者你可以改变它的路径。

2、第二步:将上图的代码放进你所写的代码中。按图中要求进行即可。

相关文章
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
11486 0
iconfont.cn 阿里出品的矢量图标库
|
缓存 数据可视化 JavaScript
draw-io
Draw.io是一个可配置的图表/白板可视化应用程序。draw.io 由英国软件公司JGraph Ltd拥有和开发。这是一个开源项目(但对贡献是封闭的)可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等
956 0
draw-io
|
IDE 开发工具 git
如何使用Git命令提交项目代码
如何使用Git命令提交项目代码
3748 0
如何使用Git命令提交项目代码
|
10月前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
868 29
|
存储 JSON 安全
实战指南:Python中OAuth与JWT的完美结合,构建安全认证防线
【8月更文挑战第6天】互联网应用安全性至关重要,尤其在处理用户数据和个人隐私时。OAuth 和 JWT 作为两种主流认证机制,各有优势。本文探讨如何在 Python 中结合这两者构建安全可靠的认证系统。OAuth 是一种授权协议,允许第三方应用获取有限访问权限而不需知道用户密码;JWT 是一种轻量级的数据交换格式,用于安全传输信息。结合使用,可在保证安全性的同时简化认证流程。通过示例展示了基于 Flask 的 OAuth 服务端点和 JWT 认证系统,以及如何根据场景选择合适的认证方案,构建高效且安全的认证体系。
290 2
|
缓存 监控 安全
Spring AOP 详细深入讲解+代码示例
Spring AOP(Aspect-Oriented Programming)是Spring框架提供的一种面向切面编程的技术。它通过将横切关注点(例如日志记录、事务管理、安全性检查等)从主业务逻辑代码中分离出来,以模块化的方式实现对这些关注点的管理和重用。 在Spring AOP中,切面(Aspect)是一个模块化的关注点,它可以跨越多个对象,例如日志记录、事务管理等。切面通过定义切点(Pointcut)和增强(Advice)来介入目标对象的方法执行过程。 切点是一个表达式,用于匹配目标对象的一组方法,在这些方法执行时切面会被触发。增强则定义了切面在目标对象方法执行前、执行后或抛出异常时所
16229 4
|
JSON 关系型数据库 MySQL
MySQL全文搜索与JSON支持:高效检索与灵活数据处理
本文深入探讨了MySQL数据库中的全文搜索与JSON支持,通过详细的代码示例,阐述了全文搜索的原理、全文索引的创建,以及JSON数据类型的使用与操作。全文搜索在数据库中的重要性日益凸显,MySQL提供了全文索引来实现高效的文本数据检索,通过MATCH AGAINST语句,可以轻松地进行全文搜索操作。此外,MySQL的JSON支持为半结构化数据的存储和查询提供了灵活的解决方案,您可以存储JSON对象、数组等数据,并使用JSON函数来查询和修改数据。
1438 0
|
JavaScript
Vue3 + Vite + TS项目引入iconfont图标(Svg方式)
前言 每一个项目都避免不了使用各种各样的图标,如果我们使用了 UI 组件库,比如说 ELement 等,那么组件库有一些封装好的图标供我们使用。但是项目是多变的和复杂的,组件库提供的图标很多时候不能满足需求,这个时候就需要我们自己引入想要的图标了。 今天介绍的便是如何将 iconfont 阿里图标库的图标引入到我们的 Vue3 项目中来!
5664 1
Vue3 + Vite + TS项目引入iconfont图标(Svg方式)
|
资源调度 JavaScript Windows
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序问题解决
【5月更文挑战第7天】'vue-cli-service' 不是内部或外部命令,也不是可运行的程序问题解决
19364 3
|
小程序
微信小程序:免费翻页时钟和todolist
微信小程序:免费翻页时钟和todolist
微信小程序:免费翻页时钟和todolist