iconfont的使用

Posted vcplus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iconfont的使用相关的知识,希望对你有一定的参考价值。

1. 下载下来的压缩文件中,字体文件.eot.svg.ttf.woff和iconfont.css放进项目,其它文件没用

2. 在全局main.js引入iconfont.css

3. 然后在需要图标的页面相应的地方插入class="iconfont"即可

<div class="iconfont back-arrow">&#xe624;</div> 
//用什么html标签无所谓,比如span也行
//标签中的代码从iconfont官网对应的图标里复制即可

 

以上是关于iconfont的使用的主要内容,如果未能解决你的问题,请参考以下文章

如何使用IconFont?——矢量图标

如何使用IconFont?——矢量图标

聊聊Iconfont

iconfont下载的本地文件的ttfwoffwoff2转换成base64位后引入iconfont.css使用

iconfont下载的本地文件的ttfwoffwoff2转换成base64位后引入iconfont.css使用

微信小程序使用iconfont