简单介绍在HTML如何中引用icon图标 图片

@font-face {
    font-family: 'iconfont';  /* Project id 3373080 */
    src: url('//at.alicdn.com/t/font_3373080_mefuod36dv.woff2?t=1651511952500') format('woff2'),
    url('//at.alicdn.com/t/font_3373080_mefuod36dv.woff?t=1651511952500') format('woff'),
    url('//at.alicdn.com/t/font_3373080_mefuod36dv.ttf?t=1651511952500') format('truetype');
}

/* 定义使用iconfont的样式 */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

<a href="#" class="iconfont">&#xe8f2;</a><!-- 引入箭头icon点击箭头跳转页面  href="跳转后的地址" -->

上面这个东西。从哪里弄来的。

1.登录iconfont官网 生成连接

搜索图标，加入购物车。

生成项目。

点击查看在线链接，即可