Ionicons:如何添加自定义图标？

Question

如何向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;
}

每次我们想要使用Font Awesome设置时,我们只需将我们的字体系列设置为fontawesome.

获取更多自定义图标https://icomoon.io/