5

私たちは、グリフの究極のコレクションを持つアイコンフォントに取り組んでおり、無料で利用できるようになりますhttp://www.webhostinghub.com/glyphs/ それを使用する最も簡単な方法は合字を使用することであり、精巧な CSS を使用することではないと考えています他の多くのプロジェクトと同じように。問題は、合字が Internet Explorer で機能しないように見えないことです。Chrome、Firefox、Safari では問題なく動作しますが、IE では動作しません。

@font-face を最初に使用したのは Microsoft であるため、これは残念ですが、何らかの理由で、フォントに合字がある可能性があることを忘れています。または、私が間違っているかもしれません。私が間違っていることを願っています。それらを機能させる魔法の方法があります。この件に関するアドバイスをいただければ幸いです。または、直接的な解決策がない場合は、回避策を知っているかもしれません。事前に情報をありがとう!

4

1 に答える 1

4

合字は、IE10 を使用する前のバージョンでは機能しません。-ms-font-feature-settings

古いブラウザとのクロスブラウザ合字の信頼できる方法は実際にはありません。

CSS3 テキスト レンダリング:optimizeLegibilityは IE では機能せず、ms-font-feature-settings は IE10 でのみサポートされます。

代替案の 1 つは、HTML エンティティを使用することですが、文字を SEO に悪影響を与える文字に置き換えることになります。

Ligature.js (リンク) は、合字サポートを追加する別の方法です。HTML エンティティを使用するよりは優れていますが、他の理由からあまり実用的ではありません。

これは、既存のソリューションを詳しく説明し、最新のブラウザーでの CSS3 合字の処理について説明している優れた記事です。

于 2013-10-07T02:44:54.877 に答える