`

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

阅读更多
前端开发难免遇到很多地方需要图片来展示,以往我们都会使用img、background、font文件实现图片,本人使用bootstrap,但由于前端比较火的bootstrap的font库太少不能满足我们的需求,很多时候我们会使用阿里提供http://www.iconfont.cn/search来寻找图片和自定义iconfont文件

正文
1.登陆http://www.iconfont.cn/search选择图片到购物车




2.生成iconfont代码
点击购物车下载代码
[/size]



3.使用


引入生成的 <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>


  • 大小: 55.6 KB
  • 大小: 77.5 KB
  • 大小: 16.8 KB
  • 大小: 21.3 KB
  • 大小: 15.2 KB
1
0
分享到:
评论

相关推荐

    前端开发利器+App+网站+应用程序开发7000个png或gif小图标,海量图标下载解压即可使用

    470个彩色实用网页小图标、706个彩色可爱GIF小图片、1000个16x16像素PNG格式网页小图标、390个16x16web程序专用GIF网页小图标、310个网页常用小图片、259个实用GIF小图标、247个国家的国旗图标、322个Mini Pixel ...

    Web前端开发利器hypesnake

    WEB前端开发使用利器,网页开发必备神器。有效获取网页资源

    前端开发利器—FastStone Capture

    前台web开发利器 功能: 1.捕捉活动窗口; Faststone Capture界面截图 2.捕捉窗口/对象; 3.捕捉矩形区域; 4.捕捉手绘区域; 5.捕捉整个屏幕; 6.捕捉滚动窗口; 7.捕捉固定区域; 8.屏幕放大器; 9屏幕录像机; 10...

    前端开发利器-bg2css v3.0 +mergeCSS v1.9.2+W3C前端开发工具包

    bg2css-v3.0:Adobe公司开发的用于自动生成CSS...W3C前端开发工具包:主要集成了正则表达式测试、JavaScript/CSS代码压缩工具、CSS Sprite(s)自动生成工具、JSON格式化调试工具等功能 三个工具让前端开发变得更加简单

    非常好用的桌面取色工具,前端开发利器

    标题中的“非常好用的桌面取色工具,前端开发利器”表明这款软件主要服务于前端开发者,帮助他们在设计和开发网页时方便地获取屏幕上的颜色信息。这类工具通常具有直观的界面和快速的颜色拾取功能,使得选取任何屏幕...

    web_Developer 113 网页浏览器插件 网页前端开发利器

    网页开发者工具是前端开发人员不可或缺的利器,它们极大地提升了工作效率并简化了网页的调试过程。在本主题中,我们将深入探讨“Web Developer”这款强大的网页浏览器插件,它专为Firefox设计,版本号1.1.3。这款...

    jQuery前端开发技术

    总结来说,jQuery是前端开发中的利器,通过掌握其核心概念和常用API,开发者可以轻松实现各种复杂效果,提高工作效率。在学习过程中,结合实践项目进行操练,能够更好地理解和运用jQuery,为成为一名优秀的前端...

    bootstrap前端开发框架开发利器所得到的多订单的

    总的来说,"bootstrap前端开发框架开发利器所得到的多订单的"这个压缩包为前端开发者提供了一个快速构建多订单管理界面的起点,通过其强大的组件和响应式设计,可以有效地提升开发效率和项目质量。只需上传并下载...

    fiddler前端开发利器

    Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。...

    HBuilder前端开发工具

    HBuilder,作为一款强大的前端开发工具,是广大Web开发者不可或缺的利器。这款工具以其高效、智能、便捷的特点,在前端开发领域占据了一席之地。本文将详细介绍HBuilder的主要功能、特点以及如何使用它来提升前端...

    微博分享利器可自定义分享

    微博分享利器可自定义分享 微博分享利器可自定义分享

    前端框架利器——bootstrap

    在前端开发领域,**Bootstrap**无疑是一颗璀璨的明星,它以其简洁直观、功能强大的特性迅速成为众多开发者手中的利器。本文旨在深入探讨Bootstrap的核心价值及其在现代Web开发中的应用。 #### Bootstrap:前端开发...

    EditPlus利器,前端开发使用(包含key)

    **EditPlus:前端开发的得力工具** EditPlus是一款功能强大的文本编辑器,尤其在前端开发领域备受青睐。它以其高效、稳定和丰富的特性,成为众多开发者日常编码的首选工具。下面将详细介绍EditPlus在前端开发中的...

    activitidemo代码详解,全面注释,开发利器

    activitidemo代码详解,全面注释,开发利器activitidemo代码详解,全面注释,开发利器activitidemo代码详解,全面注释,开发利器activitidemo代码详解,全面注释,开发利器activitidemo代码详解,全面注释,开发利器...

    myeclipse前端开发插件spket

    总的来说,MyEclipse前端开发插件Spket是前端开发者不可多得的利器,它为JavaScript、HTML和CSS的开发带来极大的便利。通过充分利用其各种特性,开发者可以更专注于实现功能,而不是琐碎的语法细节,从而提高开发...

    Web前端网页期末大作业

    主页设计布局是在网站的左上... 首先选定 本网页制作工具是前端开发利器: WebStorm,创建前端项目工程,并创建相应的文件夹,存放各个css、js,还有网页中用到的各种图片放到pic文件夹中,背景音乐放到music文件夹中。

    MarkMan,前端切图利器

    前端切图利器MarkMan,特别好用,需要安装AdobeAir才能开始使用

    Twitter Bootstrap:前端框架利器.pdf

    Twitter Bootstrap:前端框架利器.pdf

    Java开发利器——Hibernate 开发及整合应用大全 iso .001

    《Java开发利器——Hibernate 开发及整合应用大全》一书源代码第一部分,共4部分。分享有给需要的朋友!

    FSCapture前端开发工具

    在前端开发过程中,熟练掌握并合理利用FSCapture这样的工具,不仅能够提升个人的工作效率,还能促进团队协作,是每个前端工程师都应该了解和掌握的利器。无论是用于日常的代码调试、需求沟通,还是用于教程制作、...

Global site tag (gtag.js) - Google Analytics