如何引入iconfont的字体图标

首先在阿里巴巴矢量字体图标库。

把你想要的图标加入购物车。然后点击进入购物车的界面。看到有个下载代码。然后我们就会得到一个文件夹。我们把文件夹里的css。svg。ttf。woff。woff2复制出来放在我们想要的地方

打开这个demo_index.html的文件我们可以看到使用方法。

我们这里把需要的文件放在了fonts的目录下。然后修改iconfont.css里面文件路径的引入地址。

 

然后使用是 class的值就是iconfont 加视你使用的图标的class就行了。

<span class="iconfont   icon-football_name"></span>