如何使用网页字体 Font AwesomeWebfonts受到所有主流浏览器平台的支持，但并非所有浏览器平台都支持。目前

Webfonts受到所有主流浏览器平台的支持，但并非所有浏览器平台都支持。目前，必须包含四种不同的字体格式才能定位所有浏览器。这包括TTF，WOFF，EOT和SVG。

如何使用网页字体 Font Awesome

1.到官网下载最新版本的Font Awesome.（假设最新版本为4.7.0）

2.解压文件，将此中的css和fonts文件夹拷贝到项目中，此中css文件夹中有两个css文件：font-awesome.css和font-awesome.min.css

fonts下有5个,如下所示：将这五个文件放在项目的fonts目录下即可。

3.在须要应用的页面中引入样式文件，如下：

<link href="css/font-awesome.css" rel="stylesheet" />

或

<link href="css/font-awesome.min.css" rel="stylesheet" />

4.查看font-awesome.css文件，可以看到样式定义：

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

检查此中的src:url（）中的路径是不是与当前项目实际路径相匹配。

5.在页面中使用

<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-circle-o-notch fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
<i class="fa fa-car"></i>
<i class="fa fa-car fa-3x"></i>