Font-Awesome

摘要： Font-Awesome（一套絕佳的圖示字型庫和CSS框架） 它跟阿里向量庫不同的是：他不需要引入一些繁瑣的檔案。只需要幾個命令就可以直接使用icon圖示 方法一 : css匯入 <link href="css/font-awesome.css" rel=&#...

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>