問題タブ [icon-fonts]

Twitterブートストラップのグリフィコンを使用しようとしています。before の代わりに疑似要素 :after を使用したい。

.glyphicon.glyphicon-search:before 上記は問題なく動作します。

.glyphicon.glyphicon-search:after 上記は機能しません。

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

フォント アイコンで奇妙な問題が発生しています。最初の数回の訪問ではきれいにロードされますが、その後の訪問ではアイドル状態の期間 (通常は約 24 時間) の後、正方形に置き換えられます。Chrome、Firefox、さらには IE でも問題なく動作します。

問題がある場合、インスペクターにフォントが埋め込まれた CSS が表示されますが、フォントがレンダリングされません。CSS はキャッシュされ、フォントがキャッシュから追い出されたように感じますが、再度読み込まれることはありません。

さまざまなホスティング方法、bootstrapcdn、独自の CDN、そして現在は fonticons.com を試しました。本当の変化はありません。本当に奇妙なのは、問題が発生するのはしばらくしてからです。

同様の問題を抱えている人はいますか？

サイトはwww.mentimeter.comです。

グリフィコン、FontAwesome、およびカスタム アイコン フォントを使用しています。

今、これらのアイコンが同じ行にないという問題に直面しています:

アイコンを大きくし、アイコンを同じ行に配置する CSS クラスがあります。

その後vertical-align:text-bottom;、アイコンフォントの基本 CSS クラスに追加しようとしました。

しかし、アイコンはまだ同じ行にありません:(

3つのアイコンフォントすべてを含むカスタムフォントを1つだけ作成すれば、この問題を解決できると思いますが、fontAwesomeまたはGlyhpiconsを簡単に更新できるようにしたい...

何か案は？

アイコンフォントを含め、アイコンの文字として Unicode 記号を使用しようとしています。空白を返すサイトのカップルを除いて、ほとんどが機能しているようです。

25beと25b4がメインのようです。

次のように、これらを疑似要素のコンテンツとしてロードしています。

ほとんどのブラウザでは正常に動作しますが、Samsung Mini S3 および Galaxy S4 の Chrome では動作しません。

fontello からカスタム アイコンのリストを生成し、2 つの make 2 アイコンをスタックする必要がありました (2 つの異なる色が必要だったため)。

もともと、私はそれを相対位置にあるコンテナにラップし、2 つのアイコンを絶対位置にある独自のオブジェクトとして使用していました。彼らはAngularコードのリストを変更する必要があります。

そこで、:before と :after を使用することを考えていました。例えば：

ただし、前に入力した同じコードは機能しますが、疑似クラスを :after に変更すると、ページに大きな四角形が表示されて壊れてしまいます。その理由がわかりません。

誰かヒントを教えてくれませんか？