Font Awesome完美的图标字体只为Bootstrap设计／Unicode编码

1612月

Font Awesome完美的图标字体只为Bootstrap设计／Unicode编码

国外好多新的网站上面运用的简洁的小图标是由css代码只是通过 content: “\f0f6″; 就能呈现一个很好看的图标

查了好多资料才发现是用了Font Awesome图标字体

Font Awesome完美的图标字体：

1、一个字体文件， 249 个图标。Font Awesome 助你完整表达web页面上每个动作的含义。
2、用CSS控制样式，跟用CSS操作文字是一样的，可以改变颜色，大小等。
3、无限缩放，所有图标都是矢量图形，这就意味着在任何大小都不会失真
4、Font Awesome是完全免费的，无论个人还是商业使用。
5、Font Awesome支持IE7及以上浏览器。
6、Font Awesome 中包含的都是矢量图标，在高分辨率的显示器上也能完美呈现。使用方法：

使用 CSS：
拷贝 Font Awesome 字体目录到项目中；
拷贝 font-awesome.min.css 文件到项目中；
修改 font-awesome.min.css 文件中的字体路径到正确的位置；
在页面的 head 里引入 font-awesome.min.css 文件：
<link rel=”stylesheet” href=”../css/bootstrap.min.css”>
<link rel=”stylesheet” href=”../css/font-awesome.min.css”>

使用 LESS：
拷贝 Font Awesome 字体目录到你的项目中；
拷贝 font-awesome.less 文件到 bootstrap/less 目录。
打开 bootstrap.less 文件并替换 @import “sprites.less”; 为 @import “font-awesome.less”;
编辑 elusive-webfont.less 文件的 @FontAwesomePath 变量为字体路径：
@FontAwesomePath: “../font”;
然后重新进行 LESS 编译就可以了

Font Awesome中文网站 Font Awesome英文网站