inconfont自定义
阿里inconfont自定义：https://www.iconfont.cn/
Unicode
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont'; /* Project id 4622335 */
src:
url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.woff2?t=1760411900881') format('woff2'),
url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.woff?t=1760411900881') format('woff'),
url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.ttf?t=1760411900881') format('truetype');
}font class
//at.alicdn.com/t/c/font_4622335_aknseoup8g4.csshttps://at.alicdn.com/t/c/font_4622335_aknseoup8g4.css?spm=a313x.manage_type_myprojects.i1.9.64a83a81uky3yL&file=font_4622335_aknseoup8g4.cssSymbol
//at.alicdn.com/t/c/font_4622335_aknseoup8g4.jshttps://at.alicdn.com/t/c/font_4622335_aknseoup8g4.js?spm=a313x.manage_type_myprojects.i1.10.64a83a81uky3yL&file=font_4622335_aknseoup8g4.js引入方式
方式A：在线引入
- Font class 引用:
引入CSS文件,通过<link>标签引入在线CSS
将复制的<link>标签放入你HTML文件的<head>中：<link rel="stylesheet" href="//at.alicdn.com/t/c/font_1234567_abcde12345.css">
（URL是示例，请使用你自己的） Symbol 引用（推荐现代项目使用）
将<script>标签放在HTML的<head>或</body>前。<script src="//at.alicdn.com/t/c/font_4622335_aknseoup8g4.js"></script>
使用图标：使用<svg>标签和<use>元素：<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-baidu"></use> </svg>#icon-xxx中的xxx是图标的名称。Unicode 引用
将复制的CSS代码粘贴到你的CSS文件中，或放在HTML的@font-face { font-family: 'iconfont'; /* Project id 4622335 */ src: url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.woff2?t=1760411900881') format('woff2'), url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.woff?t=1760411900881') format('woff'), url('//at.alicdn.com/t/c/font_4622335_aknseoup8g4.ttf?t=1760411900881') format('truetype'); }(适用于需要兼容老版本浏览器的情况，不推荐使用）
方式B：本地引入：下载JS文件，本地引用。
- 在
<head>或<body>底部添加iconfont.css或iconfont.js脚本：引入<link rel="stylesheet" href="path/to/your/iconfont.css">
Font class：最简单，兼容性好，适合大多数场景。
Unicode：兼容性最好，但不易记忆，适合少量图标或老项目。
Symbol：功能强大（支持多色、渐变），是未来趋势，但需要JS支持，适合现代Web应用。