2

Ionicons にカスタム アイコンを追加するにはどうすればよいですか? 何をすべきか、段階的な指示をまだ見つけることができませんでした。ionicons によって提供されていない非常に基本的なアイコン (たとえば、段落アイコンなど) がたくさんあるので、どうにかしてそれらを自分で追加する必要があります。

4

1 に答える 1

5

プロジェクトに含めるフォントをダウンロードします。先に進み、最新の Font Awesome リリースをダウンロードして展開します。次のフォント ファイルを www/fonts ディレクトリにコピーします。

  1. ontawesome-webfont.ttf
  2. fontawesome-webfont.eot
  3. fontawesome-webfont.svg
  4. fontawesome-webfont-woff
  5. fontawesome-webfont.otf 次に、www/css/style.css を編集して、プロジェクトで使用するこの新しいフォント セットを含める必要があります。次の行を追加します。

@font-face {
    font-family: 'fontawesome';
    src:url('../fonts/fontawesome-webfont.eot');
    src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype'),
        url('../fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Font Awesome セットを使用するたびに、フォント ファミリを fontawesome として設定します。

その他のカスタム アイコンを取得するhttps://icomoon.io/

于 2015-05-26T12:15:30.127 に答える