Iconfont-阿里巴巴矢量图标库使用

里面有好多好多图标，非常好用         连接：https://www.iconfont.cn/

如图：

搜索icon，搜索自己想要的图标

选中自己想要的图标，并加入到购物车（红色的那个）

在自己的购物车下载代码

在自己的项目中创建fonts文件夹，将下载的压缩包进行解压，然后再里面的所有文件粘贴复制到fonts文件夹。最后再css文件夹中新建一个fonts.css，复制粘贴如下内容： （注意修改url路径）

@font-face {font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); } .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; }

最后再HTML中复制粘贴&#xe600 ；（带分号）

大功告成！！！