問題タブ [fontello]

私はウェブページを持っています。その右上隅にいくつかのソーシャルアイコンがあります。Chrome（ローカルとWebサーバーの両方）ではOKと表示され、ローカルFFではOKと表示されますが、オンラインページには、Unicodeコードが含まれている正方形のプレースホルダーが表示されます。

奇妙なことに、Firebugを開いて、ソース編集を介してその場でfontello.cssを修正すると、アイコンが魔法のように表示されるか、そう思われます。これは、空白の追加と削除などの簡単な修正でも可能です。

これは本当に私を困惑させています。助言がありますか？

fontello からカスタム アイコン フォントをダウンロードし、Meteor アプリで使用する予定です。ダウンロードしたパッケージに付属のデモを試してみたところ、フォントは正常に表示されました。これが私のcssです：

私のフォルダ構造はそう/client/css/styles.cssで、フォント用です/client/css/fonts/

私のhtmlにこのマークアップを追加しましたが<i class="icon-twitter"></i>、残念ながら、ページを表示したときに表示されるのはこれだけです 。ありがとう

あるソースによると、これは私が Fontello フォントを使用する方法です。

これで、まさにニーズに合わせてカスタム アイコン Web フォントを作成するのは簡単です。まず、好きなアイコンを選択します。次に、グリフ コードを更新し (オプション)、Web フォント バンドルをダウンロードします。Fontello が必要なものをすべて生成してから、このモジュールの設定ページからバンドルをアップロードします! それはとても簡単です！

わかった。それで？私のウェブページで彼らのアイコンの 1 つを呼び出すにはどうすればよいですか?

Fontelloを使用して、IE8 を除くすべてのブラウザーで動作するアイコンを表示しています (IE7 では正常に動作します)。Fontello に付属するすべてのファイルを含めましたが、各ファイルへの URL は正しいものです。IE8 では、フォントは目的のフォントではなくボックスとして表示されます。

これについていくつか検索しましたが、まだ答えが見つかりません。私はIE8が変更可能なFontelloのコードを理解していない可能性があることを発見しました（https://github.com/fontello/fontello/issues/70）が、私はこれを本当に理解していなかったので、誰かが助けてくれることを望んでいましたまたは、この問題を解決する方法を教えてください。

フォント アイコンは Android スタック ブラウザーでサポートされていますか? fontello フォント アイコンを使用していますが、レンダリングされないアイコンが常に 1 つあります。問題のあるアイコンを別のバリアントに置き換えると、別のアイコンが影響を受け、レンダリングされません。ランダムに発生するようです。

ここに私のマークアップがあります:

フォントアイコンスタイルをロードする方法は次のとおりです。

何かご意見は？この件に関して、font-icons はすべての主要なモバイル ブラウザーでサポートされていますか?

Fontello によって生成されたアイコン疑似クラスを less で拡張しようとしています。

これが機能している間：

これはしません:

なぜわからないのですか？

このli:before場合、 は からコンテンツ定義を取得します.icon-ok:beforeが、一般的なスタイルは から取得しません[class^="icon-"]:before, [class*=" icon-"]:before。

私にはバグのように見えますか？

Fontello を jQuery で使用すると、いくつかの奇妙な事実があります。

divを追加すると

<i> そして、このような要素を複製しようとすると

それはOKを複製します。

しかし、<i>jQueryを使用してDOMに新しい要素を作成し、新しい<i>要素を次の<div>ような要素に追加しようとすると

<i>要素が追加されますが、これは<i class="icon-move"></i>fontello 画像として表示されません。

fontello<i>の DOM で新しい要素を作成できますか? <i class="icon-move"></i>なぜだめですか？

どうもありがとうございました。