Cordova プロジェクトで使用しているアイコンの一部がどのデバイスにも表示されないことに気付きました。機能していないものには、アイコン名に ios または android という単語が含まれているようです (例:ion-android-list またはion-ios-book-outline)。空白で表示される理由はありますか? これまでのところ、一般的な名前で使用したアイコンはすべて正常に機能します (ion-clock、ion-card など)。ここから取得しているアイコン名: ionicons
これを index.html ファイルに含めました。
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
CMD から使用して ionic アプリをビルドするときの ionic の最新バージョンはionic start、古いアイコン ライブラリ v1.5.2 (最新は v2.0.0) をロードするようです。
Cordova だけでなくIonicを使用しているようです。
Ionicons v2 を含む Ionic の今後のリリースに部分的にアップグレードできます。
/config/lib/fonts と /scss/ionicons を最新のナイトリーから/www/lib フォルダーの対応する場所にダウンロードします。
gulp がローカルにインストールされていることを確認します。npm install gulp
実行ionic setup sass(注: これによりいくつかの変更が行われるため、最初に ionic.project ファイルをバックアップしてください)
/www/lib/ionic/css のファイルを /www/css の新しいファイルに置き換えます (名前の変更が必要です)。
これらのコピーされたファイルの相対パスを修正します。../lib/ionic/fonts を ../fonts に置き換えます。
もっと簡単な方法があると確信していますが、これは私にとってはうまくいきました。誰かが、常にイオコンを最新の状態に保つための機能の提案を行いました。
アップデート：
アニメーション アイコンは Ionicons v2 ではまだサポートされていません ( ion- spinnerが代わりになります)。それらを取り戻すためのハックは次のとおりです。
https://github.com/driftyco/ionicons/issues/111#issuecomment-65788526
display:inline-blockAndroid で動作させるには、アニメーション クラスに追加する必要があります。