2016-04-25 86 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

相關問題