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

时间:2016-04-25 01:33:08

标签: ionic2

我是使用ionic2的初学者,我很难添加新的自定义字体图标。有人能帮我吗?或发送我可以关注的教程链接?截至目前在研究所有我能看到的是使用gulp的离子1的教程。还有其他方法可以为ionic2做点什么吗?我已经从icomoon获得了生成的字体图标。谢谢!欣赏它

1 个答案:

答案 0 :(得分:2)

您可以按照以下步骤添加您的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>