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
290
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
HTML引入icon图标
目录
相关文章
|
1月前
|
编解码
前端开发
UED
【专栏：HTML 与 CSS 实践篇】网页图标与字体图标的使用
【4月更文挑战第30天】本文探讨了网页设计中两种主要图标形式——传统图标和字体图标。传统图标（PNG, JPEG, GIF）视觉效果丰富但文件大，易影响加载速度且维护不便。字体图标占用空间小，易于维护和定制，但视觉效果相对简单，选择有限。实际应用中，两者可结合使用，以导航栏、操作按钮和提示信息为例说明了图标的重要性。设计师需注意兼容性、清晰度和性能优化问题，根据项目需求选择合适图标类型，以提升网页质量和用户体验。
37
3
3
|
1月前
|
区块链
|
1月前
|
JSON
定位技术
数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（下）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
42
0
0
|
1月前
|
JavaScript
前端开发
定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）（上）
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解（学习总结---从入门到深化）
42
0
0
|
前端开发
|
前端开发
|
前端开发
