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/