前言:Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ,深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快, 组件无数可复用的组件,包括字体图标,在网页制作中我们经常用到小图标(icon),在Bootstrap中提供了很多这种小图标,在这篇内容中,我们把这套框架上的免费字体图标做了个小整合(当然,以后还会不断的更新)
### Font Awesome
官方网址 :http://fontawesome.io/
http://fontawesome.dashgame.com/
描述:Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
### Glyphicons Halflings
官方网址:http://glyphicons.com/
http://v3.bootcss.com/components/
描述:Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用。为了表示感谢,希望你在使用时尽量为 Glyphicons 添加一个友情链接
使用案例:
图片.png
### Elegant Icon Font
官方网址 :https://www.elegantthemes.com/
https://www.elegantthemes.com/blog/resources/elegant-icon-font
由360款优雅的矢量图标字体组成,完全免费使用-elegantthemes。这些图标已经全部进行了优化16*16像素(32px,64px等)的所有倍数。图标选择组件,支持自定义的图标,简单方便,拿过来就可以直接使用,无需UI,图标代码一键复制即可。
- 前端框架
- 进阶攻略:前端最全的框架总结
- 进阶攻略:前端完整的学习路线
- 进阶攻略:最全的前端开源JS框架和库
- 常用的六个富文本编辑器
- 移动端手势的七个事件库
- Bootstrap相关优质项目学习清单
- 三个Bootstrap免费字体和图标库
- jQuery实现多种切换效果的图片切换的五款插件
- 移动端常用的四个框架
- 七个帮助你处理Web页面层布局的jQuery插件
- 前端工具
- 八款前端开发人员更轻松的实用在线工具
- 推荐几款好用的云笔记软件
- 几款在线的脑图制作工具
- 细数那些年我用过的前端开发工具
- 九款优秀的企业项目协作工具推荐
- 细数那些带打赏功能的平台
- 干货|几个有用的问答平台
- 前端资源
- web开发快速提高工作效率的一些资源
- 前端工程师们,这些干货让你开发效率加倍
- 那些我不得不收藏的技术网站
- 前端学习的几个网站
- 老司机程序员用到的各种网站整理
- 前端几个常用简单的开发手册拿走不谢
- 2017年度最流行的十大中国开源软件
- 程序员常用的六大技术博客类
- 提高工作效率的几个小技巧
- Bootstrap相关优质项目必备网址
- 前端技术栈
- h5调用底层接口的一些知识
- JS数组去重的6种算法实现
- Git安装及密钥的生成并上传本地文件到GitHub上
- JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
- 就如何快速免费提高网站排名小结
- 浅谈移动端页面无刷新跳转问题的解决方案
- 移动端iPhone系列适配问题的一些坑
- HTML5在客户端存储数据的新方法——localStorage
- 移动开发之css3实现背景几种渐变效果
- 前端杂谈
- 程序员如何利用空余时间挣零花钱?
- 一个前端妹子的悲欢编程之路
- 【程序员交友】祈澈姑娘:假装文艺与代码齐飞的前端妹子
- 初中级前端开发工程师如何提升个人能力?
- 如何打造个人技术影响力
- 程序媛,坚持这几个好习惯让你越来越美
- 工作中如何快速成长和学习?
- 我是如何快速积累工作经验
- 谷歌AI中国中心成立,人工智能势不可挡?
- 前端面试
- 一份来自前端开发工程师的规范简历
- 2017前端精品面试文章总结
- 面试经历:为即将找工作的你保驾护航
- 我的北漂之路 北漂如饮水,冷暖自知
- 如何在面试中脱颖而出?
- 2017年10大主流编程语言最新排行榜出炉
- 前端面试之前要准备的那些事