Font Awesome – 完美的图标字体 – 专门为 Bootstrap

在使用的过程中，我们经常需要使用一些图标字体，下面91wordpress的站长向大家介绍一款完美的图标字体Font Awesome，这是一款专门为 Bootstrap 而创造的图标字体。一个字体文件包含了249 个图标。可以协助您完整的表达web页面上每个动作的含义。而且使用CSS能非常容易的改变这些图标的颜色、大小以及阴影等属性。每个图标都是矢量图，可以在所有大小的屏幕上完美呈现，无限放大。Font Awesome支持IE7及以上浏览器，可以完美的呈现在Retina屏幕上。是完全从头设计的整套图标，完全和Bootstrap 2.2.2版本兼容。下面我们讲解一下如何在网站建设中使用Font Awesome图标字体。

1. 拷贝 Font Awesome 字体目录到您的项目之中。
2. 拷贝 font-awesome.min.css 文件到您的项目之中。
3. 打开您项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。字体路径是相对于你的 CSS 目录的。
4. 在html文档中的 部分，引入 font-awesome.min.css 文件，方法如下：

5. 在浏览器中打开您的页面，检查是否正确使用了 Font Awesome 图标字体!

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!