三个Bootstrap免费字体和图标库

简介: 三个Bootstrap免费字体和图标库

前言:Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ,深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快, 组件无数可复用的组件,包括字体图标,在网页制作中我们经常用到小图标(icon),在Bootstrap中提供了很多这种小图标,在这篇内容中,我们把这套框架上的免费字体图标做了个小整合(当然,以后还会不断的更新)


Font Awesome

描述:Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。


Glyphicons Halflings


描述:Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用。为了表示感谢,希望你在使用时尽量为 Glyphicons 添加一个友情链接

使用案例:



Elegant Icon Font


由360款优雅的矢量图标字体组成,完全免费使用-elegantthemes。这些图标已经全部进行了优化16*16像素(32px,64px等)的所有倍数。图标选择组件,支持自定义的图标,简单方便,拿过来就可以直接使用,无需UI,图标代码一键复制即可。

相关文章
|
7月前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
114 1
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
42 0
|
小程序
微信小程序:引入阿里巴巴矢量图标库iconfont
微信小程序:引入阿里巴巴矢量图标库iconfont
1027 0
|
前端开发 JavaScript 程序员
推荐一些免费开源好看的bootstrap后台模板
推荐一些免费开源好看的bootstrap后台模板
661 0
|
前端开发
图标库的正确使用方式
今天来教大家在实际开发中引入图标库
619 2
图标库的正确使用方式
|
前端开发
CSS基础教程4——字体和文字样式(下)
text-align:值; 常用值有left(左对齐),center(居中),right(右对齐),其中居中最为常用。
CSS基础教程4——字体和文字样式(下)
|
前端开发
CSS基础教程3——字体和文字样式(上)
本节开始前先说一下CSS推荐的书写顺序: 1.浮动/display 2.盒子模型(margin padding border)以及宽度高度背景色 3.文字样式
CSS基础教程3——字体和文字样式(上)
|
前端开发
JavaWeb学习之路(34)–CSS之边框样式
本文目录 1. 前言 2. 边框的样式 3. 边框宽度 4. 边框颜色 5. 简写属性 6. 单独设定各边样式 7. 小结
432 0
JavaWeb学习之路(34)–CSS之边框样式
|
前端开发 Windows
JavaWeb学习之路(27)–CSS之字体样式
本文目录 1. 文本与字体区别 2. 字体类型 3. 字体风格 4. 字体粗细 5. 字体大小 5.1 使用像素单位 5.2 使用em单位 5.3 其他单位 6. 小结
320 0