热门标签
热门文章
- 1iFlytekSpark_iflytekspark-13b
- 2javascript高级程序设计 -- 读书笔记（二） _classa red classb blue文字是什么颜色
- 3ChatGPT 深度解析：技术驱动的智能对话
- 4亚马逊云科技AWS免费大热AI应用开发证书和AI大语言模型开发代码案例
- 5python PyQt5中文教程☞【第五节】PyQt5事件（Event）和信号（信号槽 Signals & slots）_【第五节】pyqt5事件和信号-pyqt5中文教程
- 6校园物业报修小程序开发笔记一_校园维修小程序功能性需求
- 7Spring Boot常见面试题_springboot常见面试
- 8Gradio从入门到精通（8）---基础组件介绍2
- 9绝对的好文，有点长，耐心点，说不定你的人生因此改变
- 10iOS 开发者的 Flutter 入门课
当前位置: article > 正文
阿里巴巴矢量图标的使用_阿里巴巴矢量图标库怎么用
作者：小惠珠哦 | 2024-07-13 01:57:00
赞
踩
阿里巴巴矢量图标库怎么用
阿里巴巴矢量图标的使用
1.准备图标
1.打开官网
2.搜索图标
3.添加至购物车
找到自己想要的图标添加到购物车
4.添加至项目
我已经建好一个名为测试的项目了，没有的新建一个就好
5.添加成功
查看项目仓库里面的图标
2.使用
阿里巴巴图标本质就是字体，使用方法分为两种，一种是本地下载字体使用，另一种是在线链接使用
1.本地下载字体使用
1.下载到本地
2.解压压缩包
3.本地创建好网页，将下载的download中的字体文件和网页放在同一个文件夹中
4.用vscode打开文件,打开demo_index网页
5.第一种方式：Unicode 使用步骤：
- 放入
css代码
注意修改url路径：
- 放入图标元素
网页显示成功：
6.第二种方式：Font class使用：
网页显示成功：
2.图标不是彩色的解决办法
然后再重新下载字体
3.修改图标大小
效果：
4.在线链接使用
显示效果：
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】
推荐阅读
相关标签
