美文网首页
阿里巴巴矢量Iconfont图标库的引用

阿里巴巴矢量Iconfont图标库的引用

作者: MC桥默 | 来源:发表于2019-09-29 14:32 被阅读0次
网址:http://iconfont.cn/
选择图标

从网站中选择自己想要使用的图表,并将其添加到购物车,然后点击购物车,选择新建项目或者添加到已经存在的项目中。


001.png
复制链接

接下来就可以看到添加到购物车的图标,并且生成了一个css链接,这个css链接就可以引用到web前端项目里面了。


002.png
使用步骤

第一步:引入项目下面生成的 fontclass 代码:

//href里面的地址为刚刚复制的css链接
<link rel="stylesheet" href="./iconfont.css">

第二步:挑选相应图标并获取类名,应用于页面:

<span class="iconfont icon-xxx"></span>
//" iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

相关文章

网友评论

      本文标题:阿里巴巴矢量Iconfont图标库的引用

      本文链接:https://www.haomeiwen.com/subject/aymjuctx.html