Ionicons：如何添加自定義圖標？

Question

我如何將自定義圖標添加到ionicons？ 我還沒有找到一步一步的指令做什麼。 有許多真正的基本圖標（如段落圖標 爲例），它不是由ionicons提供的，所以我不知何故 必須由我自己添加它們。

Answer 1

下載要包含在我們項目中的字體。繼續並下載最新的Font Awesome版本並提取它們。下面的字體文件複製到您的www/fonts目錄：

1. ontawesome-webfont.ttf
2. fontawesome-webfont.eot
3. fontawesome-webfont.svg
4. fontawesome-web字體，WOFF
5. fontawesome-webfont.otf 接下來，我們需要編輯www/css/style.css以包含這個新的字體集以供我們的項目使用。添加以下行：

@font-face { 
 
    font-family: 'fontawesome'; 
 
    src:url('../fonts/fontawesome-webfont.eot'); 
 
    src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
 
     url('../fonts/fontawesome-webfont.woff') format('woff'), 
 
     url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
 
     url('../fonts/fontawesome-webfont.svg') format('svg'); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
}

我們要使用的字體真棒集，我們只設置我們的字體家族爲fontawesome每次。

獲得更多的自定義圖標https://icomoon.io/