阿里巴巴矢量图使用方法

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

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

2、第二阶段:

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

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

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

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

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

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

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

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

相关文章
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
15130 0
iconfont.cn 阿里出品的矢量图标库
9、阿里巴巴矢量图库icon-font的运用
前言:今天说下在项目中的使用图标库 GitHub:https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站,进入图标管理中,在里面新建一个项目 iconfont官网 2、然后...
11193 106
|
6月前
|
人工智能 API 开发工具
Skills比MCP更重要?更省钱的多!Python大佬这观点老金测了一周终于懂了
加我进AI学习群,公众号右下角“联系方式”。文末有老金开源知识库·全免费。本文详解Claude Skills为何比MCP更轻量高效:极简配置、按需加载、省90% token,适合多数场景。MCP仍适用于复杂集成,但日常任务首选Skills。推荐先用SKILL.md解决,再考虑协议。附实测对比与配置建议,助你提升效率,节省精力。关注老金,一起玩转AI工具。
|
7月前
|
存储 编解码 前端开发
网站开发之图片格式对比与选择
本文介绍了网页常用图片格式的特点与优化策略,涵盖位图(如JPEG、PNG、GIF)和矢量图(如SVG)的原理、优缺点及适用场景,并提供WebP等新型格式对比。同时总结了图像压缩、响应式加载、雪碧图、Base64内联等前端优化技巧,帮助在保证视觉效果的前提下提升网页性能。
1647 1
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5147 1
|
SQL 存储 数据管理
一篇文章带你掌握SQLite3基本用法
通过本文的介绍,希望您能深入理解SQLite3的基本用法,并在实际开发中灵活运用这些知识,提升数据管理效率。
2075 5