阿里巴巴矢量图使用方法

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

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

2、第二阶段:

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

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

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

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

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

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

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

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

相关文章
9、阿里巴巴矢量图库icon-font的运用
前言:今天说下在项目中的使用图标库 GitHub:https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站,进入图标管理中,在里面新建一个项目 iconfont官网 2、然后...
11412 106
|
11月前
|
存储 编解码 前端开发
网站开发之图片格式对比与选择
本文介绍了网页常用图片格式的特点与优化策略,涵盖位图(如JPEG、PNG、GIF)和矢量图(如SVG)的原理、优缺点及适用场景,并提供WebP等新型格式对比。同时总结了图像压缩、响应式加载、雪碧图、Base64内联等前端优化技巧,帮助在保证视觉效果的前提下提升网页性能。
2064 1
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
17360 0
iconfont.cn 阿里出品的矢量图标库
|
10月前
|
人工智能 自然语言处理 API
2026年Geo导师选型指南:深度解析AI搜索时代的获客提效与技术路径
如何选择具备实战能力的Geo导师,以及应当掌握哪些核心技术,成为企业与从业者跨越数字鸿沟的关键。
366 4
2026年Geo导师选型指南:深度解析AI搜索时代的获客提效与技术路径
|
10月前
|
缓存 JSON 监控
招标详情 item_get 接口对接全攻略:从入门到精通
招标 `item_get` 接口通过项目ID获取全流程结构化数据,覆盖公告、预算、中标结果、参与方及附件等核心字段,支持投标决策、市场分析与合规审计。采用HTTPS+API Key/Secret认证,JSON/XML返回,具备高合规性、字段完整与权限分级特性。本攻略提供从权限申请、签名认证、Python对接到生产优化的全链路指导,助力高效稳定接入。
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5430 1
|
缓存 网络协议 UED
深度解析HTTP协议从版本0.9至3.0的演进和特性。
总的来说,HTTP的演进是互联网技术不断发展和需求日益增长的结果。每一次重要更新都旨在优化性能,增进用户体验,适应新的应用场景,而且保证了向后兼容,让互联网的基础架构得以稳定发展。随着网络技术继续进步,我们可以预期HTTP协议在未来还会继续演化。
1272 0

热门文章

最新文章