时间：2019-04-20 浏览量： 收藏
1.登录Font Awesome官网，下载Font Awesome安装包，最好下载最新版本的，因为最新版本中的更新的子图图标相对于老版本数量比较全面
附：Font Awesome官网
Font Awesome官网
2.下载好压缩包后，点击文件夹，找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css（表示压缩过的）复制到自己项目里面的CSS文件夹中，并把安装包文件夹中的fonts文件夹整个文件夹复制到自己项目中。
3.打开HTML页面，在head头部中引入font-awesome.css。
<link rel="stylesheet" href="css/font-awesome.min.css">
当然了，如果没有下载安装包的，可以引入在线css。
比如：<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
4.图标的引用：font-awesome图标可以任何一个地方引用，只要在该元素的类中加入前缀fa，在加入对应的图标名称。不知道图标的名称，不可以在官网中找到对应的图标，既可以找到对应的图标名称。
<i class="fa fa-car"></i>、<i class="fa fa-book"></i>
注：Font Awesome 设计为与内联元素一起使用。 <i>和 <span> 元素广泛用于图标。
5.可以直接对图标的属性进行更改，如图标的颜色、大小，并且可以组合不同的图标形成所需的图标等。
<i class="fa fa-car" style="font-size:60px;color:red;"></i>
6.执行以上步骤，若是没有图标显示，可以打开font-awesome.css，检查字体库，即引入fonts文件的路径是否正确。
7.注意事项：引用图标时，一定要在class类中引入fa，然后在添加图标的名称
RELATED RECOMMEND
2019-04-20
企业网站导航设计是网站中一个很重要的因素，一个合理的导航设计不但利于搜索引擎优化，还对提升用户体验至关重要，迅速了解自己所处的位置，这对提高用户的转化率十分有用。在网站建设中做好各类导航设计对网站后期的优化推广十分有利。 下面我们就来看看在网站设计制作中，做好导航设计的相关几点。 1、辅助导航。 为用户提供一个直观的展示，让用户知道自己所在的网站位置，这样可以让每一级的位置名称的有链接可会，每一个网页都必须包含辅助导航以及左上角的网站的logo标识。 2、网站logo链接。 在网站设置中，在每一个出现网...
2019-04-20
企业如何选择网络公司建站的常见问题，世敏网络总结以下几点：1、企业会以自己建站的要求，比如需要哪些功能板块，界面的风格等直接来衡量各网络公司报的费用，很多具体细节的东西企业并不知道，这样一些网络公司可能就会以最简单的方式来做，这样省时、省力，因为很多
2019-04-20
厦门网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这个过程需要网站策划人员、美工设计人员、PHP程
Copyright © 2012-2024 世敏网络 版权所有 闽ICP备18026760号-1 
闽公网安备 35020502000640号 网站地图 Sitemap
关键词聚合
简体中文
繁體中文
English
