时间: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)选择合适的国外主机制作外贸网站,建议选用国外的主机,推荐:siteground大公司,既便宜且性价比还很高,一般需求的网站一年仅需几百元。2)公司的定位如果我们计划做外贸网站,那么首先我们要清楚我们要搭建什么类型的外贸网站,对整个市场进行调研、国外
2019-04-20
在当今数字化时代,拥有一个专业、高效、具有吸引力的网站对于企业而言至关重要。网站不仅是企业的在线门面,更是传达企业品牌形象、提供产品和服务信息的重要渠道。因此,厦门网站建设成为越来越多企业关注和投资的核心。厦门作为中国东南沿海重要的经济中心和对外开放城市,吸引了众多国内外企业争相进驻。为了在激烈的市场竞争中脱颖而出,厦门企业必须重视网站建设并打造独特的在线品牌形象。首先,一个成功的厦门网站建设需要
2019-04-20
企业网站上线后,企业BOSS和SEOER最关心的莫过于网站收录了。要想在一个网站获得排名,前提是网站被收录,不管是首页排名还是内页排名,都需要收录,但网站被搜索引擎收录是否成为了SEOER心中的难题。今天就和大家讲解一下网站怎么才能快速被收索引擎收录?有些网站收录过低,原因可能有以下:一、网站收录低的原因有哪些?网站收录低给大家整理以下4点主要原因,大家可以对照看看自己网站收录低的原因是否就因为以
Copyright © 2012-2024 世敏网络 版权所有 闽ICP备18026760号-1 闽公网安备 35020502000640号 网站地图 Sitemap 关键词聚合