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

Question

如何向 ionic 图标添加自定义图标？我还找不到如何操作的分步说明。有许多非常基本的图标(例如段落图标例如)这不是由 ionic 提供的，所以我以某种方式必须自己添加它们。

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/