問題タブ [ionicons]

WordPress サイトでアイコンが正しく表示されません。アイコンの代わりにいくつかの数字があります。サイトをチェックしてください http://scsocialgrid.org/

このエラーは、skin.min.css に変更を加えたときに発生しました。問題を解決するために後で新しいファイルをアップロードしましたが、それでもアイコンが表示されません。

Ionic/cordova アプリを作成しており、Ionic アイコンを使用しようとしています。「ios」命名を使用すると完全に機能しますが、ジェネリックまたは md 名を使用すると機能しないことに気付きました。その場合、アイコンは表示されません。プラットフォームごとに最適なアイコンを自動的に選択したいと思います（ドキュメントに従って何をすべきか）

タブの例

最初のタブに次のコードがあります。

=> アイコンが表示されます

ただし、一般的な名前または材料設計名を使用する場合:

=> アイコンがありません

ボタンの例

<button class="button button-icon ion-person-outline"></button>=> アイコンなし
<button class="button button-icon ion-ios-person-outline"></button>=> 機能
する バーコードやリストなどの他のアイコンについても動作は同じです。

ios なしで動作する例外があり、それが「プラス」アイコンです:
<button class="button button-icon ion-plus"></button>=> 動作します! '私が使用する必要があるドキュメント
に よると、十分に奇妙ですが、アイコンも表示されません。ion-add

イオンアイコンの使用

イオン アイコンを使用すると、アイコンがまったく表示されません (DOM を調べると、幅と高さも 0 であることが示されます)
<ion-icon name="add"></ion-icon>=> アイコンなし
<ion-icon name="plus"></ion-icon>=> アイコンなし

参考までに、私はVisual Studio、Cordova CLI 6.2.0を使用しており、ファイル/css/ionic.app.cssには「Ionicons、v2.0.1」と書かれています

私は何を間違っていますか？

CSS スケール変換を使用した 4 つのボタンを含むこの単純なスニペットがあります。

ご覧のとおり、最初と最後のボタンの中央にイオコンがあり、代わりにfont awesomeを使用しました。

スケール変換がイオコンで機能しないのはなぜですか?

GitHub リンク: github.com Driftyco の ionicons リポジトリを見つけました。使用したいと思います。

ionicons.css私はそれをダウンロードし、ファイルとフォルダーfontsを自分のフォルダーにインポートし/src/assets、cssファイルを中に挿入します/src/index.html。

またfonts、css ファイルのディレクトリを正しい場所に変更しました。これをコードに記述して<i class="icon ion-home"></i>も何も起こりません。

認識されていないようです。

助けてください ：）