导读：操作步骤/方法1登录FontAwesome官网，下载FontAwesome安装包，最好下载最新版本的，因为最新版本中的更新的子图图标相对于老版本数量比较全面2附：FontAwesome官网3http://fontawesome.dashgame.com/4下载好安装包后，点击文件夹，找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css（表示压缩过的）复...
操作步骤/方法
1
登录FontAwesome官网，下载FontAwesome安装包，最好下载最新版本的，因为最新版本中的更新的子图图标相对于老版本数量比较全面
2
附：FontAwesome官网
3
http://fontawesome.dashgame.com/
4
下载好安装包后，点击文件夹，找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css（表示压缩过的）复制到自己项目里面的CSS文件夹中，并把安装包文件夹中的fonts文件夹整个文件夹复制到自己项目中。
5
打开HTML页面，在head头部中引入font-awesome.css。
6
<linkrel="stylesheet"href="css/font-awesome.min.css">
7
当然了，如果没有下载安装包的，可以引入在线css。
8
比如：<linkrel="stylesheet"href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
9
图标的引用：font-awesome图标可以任何一个地方引用，只要在该元素的类中加入前缀fa，在加入对应的图标名称。不知道图标的名称，不可以在官网中找到对应的图标，既可以找到对应的图标名称。
10
<iclass="fafa-car"></i><iclass="fafa-book"></i>
11
注：FontAwesome设计为与内联元素一起使用。<i>和<span>元素广泛用于图标。
12
可以直接对图标的属性进行更改，如图标的颜色大小，并且可以组合不同的图标形成所需的图标等。
13
<iclass="fafa-car"style="font-size:60px;color:red;"></i>
14
执行以上步骤，若是没有图标显示，可以打开font-awesome.css，检查字体库，即引入fonts文件的路径是否正确。
END
以上就是小编为大家介绍的FontAwesome 图标字体库的使用方法的全部内容，如果大家还对相关的内容感兴趣，请持续关注上海建站网！
标签：
内容声明：网站所展示的内容均由第三方用户投稿提供，内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容，如您发现页面有任何违法或侵权信息，欢迎向网站举报并提供有效线索，我们将认真核查、及时处理。感谢您的参与和支持！
