1.将需要的图标加入购物车，放入一个你的项目中。
2.打开下该项目，生成链接，选中 font class ，将生成的链接(XXXXXXXX)引入html头部，
<link rel="stylesheet" href="http:XXXXXXXX"
3.在body中使用i标签引入图标名
图标名在你创建的项目中获取
<i class="iconfont XXX"></i>
HTML引入icon图标
2023-09-07
342
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
HTML引入icon图标
目录
相关文章
|
6月前
|
编解码
前端开发
UED
【专栏：HTML 与 CSS 实践篇】网页图标与字体图标的使用
【4月更文挑战第30天】本文探讨了网页设计中两种主要图标形式——传统图标和字体图标。传统图标（PNG, JPEG, GIF）视觉效果丰富但文件大，易影响加载速度且维护不便。字体图标占用空间小，易于维护和定制，但视觉效果相对简单，选择有限。实际应用中，两者可结合使用，以导航栏、操作按钮和提示信息为例说明了图标的重要性。设计师需注意兼容性、清晰度和性能优化问题，根据项目需求选择合适图标类型，以提升网页质量和用户体验。
79
3
3
|
6月前
|
区块链
|
6月前
|
JSON
定位技术
数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（下）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
69
0
0
|
6月前
|
JavaScript
前端开发
定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（上）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
62
0
0
|
前端开发
|
前端开发
|
前端开发
热门文章
最新文章
1
过滤代码中的html标签
2
HTML基础加强
3
HTML DOM 教程Part1
4
@Html.ValidationSummary()作用
5
JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
6
HTML元素 属性 格式化标签
7
【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
8
MDN Web技术文档 - HTML 元素
9
再来 10 个新鲜的 HTML5 教程
10
Skytte：一款令人印象深刻的 HTML5 射击游戏
1
从零开始学习前端开发：HTML基础
44
2
React中渲染html结构---dangerouslySetInnerHTML
54
3
WWW（URL，HTTP，HTML）
126
4
生日快乐祝福HTML源码
96
5
html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
133
6
HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
66
7
好看的html网站维护源码
233
8
html+echars图表加日期检索
54
9
html+echars的统计报表
57
10
【CSDN创作优化1】个人简介优化 html font属性
58