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

Question

如何将自定义图标添加到 ionicons？我还没有找到一步一步的指示该怎么做。有许多非常基本的图标（例如段落图标）不是由 ionicons 提供的，所以我不得不自己添加它们。

Answer 1

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

1. ontawesome-webfont.ttf
2. fontawesome-webfont.eot
3. fontawesome-webfont.svg
4. fontawesome-webfont-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/