Font-Awesome

Font-Awesome（一套絕佳的圖標字體庫和CSS框架）

它跟阿里矢量庫不一樣的是：他不須要引入一些繁瑣的文件。只須要幾個命令就能夠直接使用icon圖標

方法一 : css導入

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

方法二: 定義安裝

npm install font-awesome-sass

複製 font-awesome/ 目錄到你的項目中，打開 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ，而後修改 @fa-font-path 或 $fa-font-path 爲您的字體目錄

示例：

想要實現以下效果：

就能夠這樣寫：

<i class="fa team-member-icons fa-facebook"></i>
<i class="fa team-member-icons fa-twitter"></i>
<i class="fa team-member-icons fa-google-plus"></i>