【问题标题】:How to add new custom font icons in ionic2如何在ionic2中添加新的自定义字体图标
【发布时间】:2017-02-17 05:03:29
【问题描述】:

我是 ionic2 的初学者,我很难添加新的自定义字体图标。有人能帮我吗?或发送我可以遵循的教程链接?截至目前,我在研究中只能看到使用 gulp 的 ionic 1 的教程。我可以为ionic2做其他简单的方法吗?我已经有了 icomoon 生成的字体图标。谢谢!欣赏它

【问题讨论】:

    标签: ionic2


    【解决方案1】:

    您可以按照以下步骤添加您的 icomoon 图标

    • 将您的 icomoon style.css 文件复制到 www/build/css 文件夹。
    • 将 icomoon 字体文件(.eot、.svg、.ttf、.woff)复制到 www/build/fonts 文件夹。
    • 打开 style.css 文件并使用正确的字体路径编辑 URL 路径。 (可能你只需要包含 ../fonts 来匹配字体 目录)。也使用双引号代替单引号 网址和格式。
    • 打开 index.html 文件并包含

           <link href="build/css/style.css" rel="stylesheet">
      
    • 打开您的 HTML 文件并在所需位置包含图标

            <span class="icon-quill"></span>
      

    【讨论】:

    • 每次构建后我的文件都会被删除,因此我将文件放在单独的文件夹中。你没有同样的问题吗?
    • 是的。实际上,您必须将文件复制到单独的文件夹中并添加 gulp 任务以将其添加到构建文件夹中。由于某些限制,我无法编辑我的答案
    猜你喜欢
    • 2017-11-09
    • 1970-01-01
    • 2018-10-23
    • 2023-03-07
    • 1970-01-01
    • 2018-01-25
    • 2014-07-25
    • 1970-01-01
    • 2015-07-05
    相关资源
    最近更新 更多