Bootstrap Font Awesome图标及css命名方法

bootstrap Font Awesome 3.0 字体文件

1、目前有249个图标，提供了深灰色（默认）和白色两种图标风格

一个字体文件包含了所有图标。Font Awesome 助你完整表达web页面上每个动作的含义。

2、用CSS**样式

用CSS能非常容易的改变这些图标的颜色、大小、阴影以及任何CSS能**的属性。

3、无限缩放

矢量图意味着每个图标都能在所有大小的屏幕上完美呈现。

4、个人、商业均可**使用

Font Awesome是完全免费的，无论个人还是商业使用。

5、**IE7+

Font Awesome**IE7及以上浏览器。

6、在Retina屏幕上也能完美呈现

Font Awesome 中包含的都是矢量图标，在高分辨率的显示器上也能完美呈现。

7、专为Bootstrap设计

Font Awesome是完全从头设计的整套图标，完全和Bootstrap 2.2.2版本兼容

8、***的助手

安装 FontAwesome.otf 字体文件，然后在这个页面直接拷贝粘贴图标字符的代码就可以用于你的设计中了。

9、兼容屏幕阅读器

Font Awesome 不会阻止屏幕阅读器，这和其他图标字体的行为方式完全不同。

bootstrap图标对应的HTML DOM

1.  
2.  
3.  

bootstrap图标对应的className：

说明：以上只是部分图标（3.0版本新增了40个图标），完整的图标请访问：http://www.bootcss.com/p/font-awesome/

本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

 

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z