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

Question

如何向 ionicons 添加自定义图标？我还找不到一步一步的说明该怎么做。有很多非常基本的图标（比如段落图标例如）不是由 ionicons 提供的，所以我不知何故必须自己添加。

Answer 1

下载要包含在我们项目中的字体。继续下载最新的 Font Awesome 版本并解压缩它们。将以下字体文件复制到您的 www/fonts 目录中：

ontawesome-webfont.ttf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont-woff
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/

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

Ionicons: How to add custom icons?

ionic-framework

ionicons