FontAwesome - 绝佳的图标字体库和CSS框架

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

1.CDN 和下载链接

// CDN
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
  

 

  
1
  
2
 

下载链接 - 点击下载

2.主要应用标签

<!-- 标签 -->
<span></span>
<i></i>

<!-- 实例 -->
<i class="fa fa-car"></i><!-- 默认 -->
<i class="fa fa-car" style="font-size:48px;"></i><!-- 指定大小 -->
<i class="fa fa-car" style="font-size:60px;color:red;"></i><!-- 指定大小和颜色 -->

<!-- fa-lg (增加33％)，fa-2x，fa-3x， fa-4x，或 fa-5x 类用于增加相对于其容器的图标大小。 -->
<!-- Etc -->
  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

3.官方网站

http://fontawesome.io/icons/

文章来源: wretchant.blog.csdn.net，作者：简简单单OnlineZuozuo，版权归原作者所有，如需转载，请联系作者。

原文链接：wretchant.blog.csdn.net/article/details/78865780