如何在ionic2中添加新的自定义字体图标

如何在ionic2中添加新的自定义字体图标,ionic2,Ionic2,我是一个使用ionic2的初学者,我很难添加新的自定义字体图标。有人能帮我吗?或者发送一个我可以遵循的教程链接?到目前为止,在研究中,我所能看到的都是关于离子1使用gulp的教程。有没有其他简单的方法,我可以为ionic2做?我已经从icomoon生成了字体图标。谢谢欣赏它您可以按照以下步骤添加您的图标 将icomoon style.css文件复制到www/build/css文件夹 将icomoon字体文件(.eot、.svg、.ttf、.woff)复制到 www/build/font文件夹

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

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

  • 将icomoon style.css文件复制到www/build/css文件夹
  • 将icomoon字体文件(.eot、.svg、.ttf、.woff)复制到 www/build/font文件夹
  • 打开style.css文件并使用正确的字体路径编辑URL路径。 (可能您只需包含../字体即可匹配字体 目录)。也可以在中使用双引号而不是单引号 url和格式
  • 打开index.html文件并包括

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

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

每次构建后,我的文件都会被删除,因此我将文件放在一个单独的文件夹中。你没有同样的问题吗?是的。实际上,您必须复制单独文件夹中的文件,并添加gulp任务以将其添加到build文件夹中。由于某些限制,我无法编辑我的答案