1. 程式人生 > >Ionic3 scss引入font-awesome4.7

Ionic3 scss引入font-awesome4.7

首先是需要下載font-awesome的依賴檔案,在工程src目錄下新建一個libs目錄放著,

放進去以後,將fonts資料夾移動到src/assets目錄下,然後將font-awesome資料夾下,除了scss目錄以外其他所有無用的檔案刪除,刪完之後目錄結構是這樣的

在這裡插入圖片描述

然後在全域性的scss檔案裡面加入這兩行程式碼就引入了: 我這裡是app.scss

在這裡插入圖片描述

注意的是,圖中的相對路徑要保證沒有問題

$fa-font-path: "../assets/fonts/font-awesome/fonts";
@import "../libs/font-awesome-4.7.0/scss/font-awesome";