2016-04-25 6 views
3

ionic2とImを使用する初心者は、新しいカスタムフォントアイコンの追加に苦労します。誰か助けてくれますか?私が従うことができるチュートリアルのリンクを送ってください。現時点では、私が見ることができるすべてを研究するには、gulpを使用してイオン1のチュートリアルがあります。 ionic2のために他に簡単な方法がありますか?私は既にicomoonから私の生成されたフォントアイコンを持っています。ありがとう!それはionic2に新しいカスタムフォントアイコンを追加するには

答えて

2

あなたicomoonのアイコンを追加することができます下に次の

  • ステップに感謝することは、WWW /ビルド/ CSSのフォルダにicomoonのstyle.cssファイルをコピーします。
  • icomoonフォントファイル(.eot、.svg、.ttf、.woff)を www/build/fontsフォルダにコピーします。
  • style.cssファイルを開き、正しいフォントパスでURLパスを編集します。 (フォントに ディレクトリに一致するように../fontsを含めるだけでよい場合もあります)。また、URLと書式の では、一重引用符ではなく二重引用符を使用してください。
  • オープンindex.htmlファイルと

     <link href="build/css/style.css" rel="stylesheet"> 
    
  • を含めるには、HTMLファイルを開き、

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

がそれを手に入れたとして、必要な場所にアイコンを含めます!ありがとう! –

+1

ビルドのたびにファイルが削除されるため、ファイルを別のフォルダに配置します。同じ問題がありますか? – Flow

+0

はい。実際には別々のフォルダにファイルをコピーし、gulpタスクを追加してビルドフォルダに追加する必要があります。私はいくつかの制限のために私の答えを編集することができません – AishApp

関連する問題