关于阿里巴巴icon矢量图显示空白问题

关于icon显示空白

最近在帮着做一些小项目，期间遇到不少问题，也尝试着在网上找问题的答案，接下来就有一个很细节的问题使得我在使用阿里巴巴的iconfont矢量图的时候出现了矢量图在页面中出现但是显示空白的问题

在文字“显示图片的左边应该出现一个inconfont，但是这时icon显示空白

于是我查找了阿里巴巴iconfont的使用文档https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=code
发现了一个细微的问题，我在html中使用icon时忘记在class=中加入iconfont字样

<i class="icon-guanbi"></i>显示图片</a>`

修改后：

<i class="iconfont icon-guanbi"></i>显示图片</a>

就是这样一个细微的问题了，关于引用iconfont的方法我使用的是fontclass方法，在阿里巴巴iconfont中选择自己喜欢的icon后添加至项目再点击右上角
点击查看在线链接

再将该段代码添加在头部head区域的link中的的href，记得加上http://

<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1810120_ebs0p6m99bu.css">

再刷新html页面icon图标就能显示出来了