問題タブ [ionicons]

コマンドを使用してイオンプロジェクトを作成しました

アプリは次のようになると予想していました。

それにもかかわらず、実行すると、メニュー ボタンが表示されません。このタグを使用してヘッダーで使用していると思います：

私はエラーなしでプロジェクトをビルドしてエミュレートすることができるので、何か間違ったことをしたのではないかと思っています。また、誰かがこの問題を解決する方法についてのヒントを持っているのではないかと思っています (私は Ionic と AngularJS の両方に慣れていません)。 .

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

ハイブリッド モバイル アプリではイオコンは枠付きのボックスのように表示されますが、Web アプリケーションではアイコンが完全に表示されます。表示されていないイオコンについて言及しましたが、役に立ちませんでした。

方向を矢印で表示したいので、標準のイオン矢印を方向に使おうと考えていました。どうにかして上矢印を任意の方向に回転させることはできますか?

以下のコメントからの試みです

これが Chrome では機能するのに、Safari では機能しない理由がわかりません。

次のようになります。

ただし、Safari では次のようになります。

フォントが読み込まれていることがわかりますが、(コンソールで) 計算されたフォントはサンセリフです。

Chrome では、正しく使用されているフォント ファミリが表示されます

やろうとすると（例えば）

http://ionicons.com/にリストされていますが、アイコンが表示されていません。私のプロジェクトのアイコンが更新されていない可能性があると思うので、サイトからパッケージをダウンロードしてインストールすることを考えました。

解凍した後、私はそれを行う方法がわかりません。フォーラムで提案を試みましたが、「www」ディレクトリの「lib」フォルダに移動することが提案されました。しかし、私のプロジェクトには「lib」ディレクトリがありません。私はレポサイトの指示を試してみましたが、私の場合はまた混乱しています（私は思う）。

虫めがねのプレースホルダー アイコンがある 1 つのページで、製品を検索するためのテキスト入力があります。別のページには、バーコード データを受け取るためのテキスト入力があります。

バーコード アイコンをプレースホルダー アイコンとして使用してこれらを区別したいと思いますが、プレースホルダー アイコンは、CSS などで定義されたアイコンではなく、特に Ionicon フォントを使用しているようです。

プレースホルダー アイコンとして使用できるカスタム アイコンを定義する方法はありますか?

次のように定義されたカスタム タブ アイコンがあります。

次のようなコードでこれらを参照できます。 <ion-tab title="Lookup" ui-sref="tab.lookup" icon-off="gmSearchOff" icon-on="gmSearchOn">

アイコン名として定義し、次の.icon.barcodeように参照してみました。

ただし、これにより空のプレースホルダーが作成されます。また、プレースホルダー アイコンの色を変更しようとしているときに、プレースホルダーのテキストの色またはテキストボックスの塗りつぶしの色を帯びていることがわかりました。これにより、実際にはアイコンの定義ではなくフォントの定義を使用していると思われます。

プロジェクトで使用Ioniconsしており、ラジオとチェックボックスの標準画像をこれらのアイコンに置き換えました。問題は、レンダリング時に実際のデフォルト項目が Ionicons を介して表示されることです。

私は次のHTMLを持っています:

次のCSSもあります。

しかし、チェックボックス/ラジオ ボタンは正しく動作しますが、イオコンの下に標準アイテムが表示されます。アイコンの背景が透明だからでしょうか？

不透明度を 100% に変更しようとしましたが、役に立ちませんでした。

私は Django 1.8、OSX、および Chrome で作業しています。レンダリングされたテンプレートに含めた一部の ionicons が Heroku (ステージング環境) に表示されません。css ファイルとフォント ファイル ( 30464569 )にアイコンを適切にリンク/インクルードしたことはかなり確信しています。なぜなら、アイコンはローカルホスト、cPanel、および個人の Web サイトで公開されたときに問題なく表示されるからです。さらに、Safari を使用すると、Heroku にも表示されます。ここで何が起きてるの？

これに関するSOの投稿をたくさん読みましたが、ほとんどの人は他のフォントパッケージ（29687388）または（14366158）、他のフレームワーク（25982037）または（21472458）、または完全に欠落しているアイコン（27766015）を参照しています。

HTML を含めるように編集 (Django テンプレートから)

公開プロジェクトではないため、コードを投稿するのをためらっていますが、問題を示す 2 つの画像を次に示します。

LocalHost のアイコン

Heroku 上のアイコン

これを修正する方法についてのアイデアはありますか? ユーザーがサイトを公開する前に、正確なプレビューを表示する必要があります。このアイコンの問題は、1 週間以上にわたって大きな頭痛の種でした。

ありがとう！サラ