网站如何使用阿里巴巴iconfont字体图标

1、打开 iconfont-阿里巴巴矢量图标库 网站，先搜索一下自己要的图标。

2、把喜欢的图标都添加到购物车

3、然后点击购物车添加至项目，如果没有项目的话可以新建个项目，名称随意写！然后点击确定

4、进入项目后，点击 font class ，然后再点击下载至本地！

5、打开下载的文件，再html网页中引入iconfont.css文件即可 （注意文件路径要正确）

列：iconfont.css 中的css代码展示

@font-face {
  font-family: "iconfont"; /* Project id 4567031 */
  src: url('../font/iconfont.woff2?t=1717031872347') format('woff2'),
       url('../font/iconfont.woff?t=1717031872347') format('woff'),
       url('../font/iconfont.ttf?t=1717031872347') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before {
  content: "\e604";
}

.icon-weixin1:before {
  content: "\e610";
}

.icon-tuitetwitter44:before {
  content: "\e6ef";
}

.icon-x:before {
  content: "\e65d";
}

html代码

<div class="name">微信： <span class="iconfont icon-weixin"></span></div>