前端开发利器自定义Iconfont图标

前端开发不免遇到不少地方须要图片来展现,以往咱们都会使用img、background、font文件实现图片,本人使用bootstrap,但因为前端比较火的bootstrap的font库太少不能知足咱们的需求,不少时候咱们会使用阿里提供http://www.iconfont.cn/search来寻找图片和自定义iconfont文件css

正文 1.登录http://www.iconfont.cn/search选择图片到购物车 输入图片说明前端

2.生成iconfont代码 点击购物车下载代码bootstrap

输入图片说明

3.使用code

输入图片说明

引入生成的 <link rel="stylesheet" href="iconfont.css">
 <ul class="icon_lists clear">  
                <li>
                <i class="icon iconfont icon-wode"></i>
                    <div class="name">个人</div>
                    <div class="fontclass">.icon-wode</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wode1"></i>
                    <div class="name">我 的</div>
                    <div class="fontclass">.icon-wode1</div>
                </li>
 </ul>
相关文章
相关标签/搜索