Ionic framework 在英特尔XDK上向爱奥尼亚框架添加自定义图标

Ionic framework 在英特尔XDK上向爱奥尼亚框架添加自定义图标,ionic-framework,icons,Ionic Framework,Icons,请,寻找一个教程或解释,可以指导我如何添加自定义图标到离子框架。尝试了大量使用自定义图标,但无法理解框架如何利用图标来使用它们。您可以在项目中添加自己的图标,包括自定义字体,这些自定义字体是从类似网站或类似网站生成的 您可以从这些站点下载包含字体文件(ttf、svg等)和相关CSS文件的软件包。通常,它们还提供demo.html 为了避免与图标重叠,通常需要自定义CSS。例如,CSS可以类似于以下内容: @font-face { font-family: 'myicons'; s

请,寻找一个教程或解释,可以指导我如何添加自定义图标到离子框架。尝试了大量使用自定义图标,但无法理解框架如何利用图标来使用它们。

您可以在项目中添加自己的图标,包括自定义字体,这些自定义字体是从类似网站或类似网站生成的

您可以从这些站点下载包含字体文件(ttf、svg等)和相关CSS文件的软件包。通常,它们还提供demo.html

为了避免与图标重叠,通常需要自定义CSS。例如,CSS可以类似于以下内容:

@font-face {
    font-family: 'myicons';
    src:url('../fonts/myicons.eot');
    src:url('../fonts/myicons.eot') format('embedded-opentype'),
        url('../fonts/myicons.ttf') format('truetype'),
        url('../fonts/myicons.woff') format('woff'),
        url('../fonts/myicons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-camera:before {
    font-family: 'myicons';
    content: "\e607";
}
.icon-video-camera:before {
    font-family: 'myicons';
    content: "\e608";
}
.icon-price-tag:before {
    font-family: 'myicons';
    content: "\e609";
}

嗨,海狸。这绝对是我想要的。非常感谢。