2016-04-25 111 views
3

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

回答

2

你可以添加你icomoon图标下面以下步骤

  • 您icomoon的style.css文件复制到WWW /编译/ 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> 
    
+0

得到它的图标!谢谢! –

+1

每次构建后我的文件都会被删除,所以我将文件放在单独的文件夹中。你有没有同样的问题? – Flow

+0

是的。其实你必须复制文件在单独的文件夹,并添加吞咽任务,将其添加到生成文件夹。由于某些限制,我无法编辑我的答案 – AishApp

相关问题