圖標字體Font Awesome 4.7 的引入與使用

下載地址

Download

引入的方式

主要引入font文件夾與font-awasome.min.css文件

假設index.html文件的css都放在同一個目錄下的css文件夾中。這時講fonts文件夾拷入，
fonts文件夾須要與css文件夾在同一個目錄下，而且是同等級別。

在css中，須要拷入 font-awesome.min.css 文件。

使用

在index.html中引入。

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

在font-awesome.min.css 中修改目錄，保證其正確性。

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

在html中使用示例：

<i class="fa fa-home fa-fw">