1

FontAwesome コレクションの使用を開始し、さまざまな OS / ブラウザーでテストしました。
IE > 7、Firefox、Chrome、Safari (iPhone、iPad)、Opera Desktop で動作することがわかりました。これは本当に素晴らしいことです。

@font-faceをサポートしていないのは Opera Mini のみですが、Opera Mobile (v 12.19) はサポートしています。ただし、アルファベット文字の通常の
フォント でのみ機能します。FontAwesomeやicnfnt などのアイコン フォントは機能しません。

その理由は、アイコンが通常のアルファベット文字を使用していないためだと思います。アイコンの文字は 16 進数形式で記述されます (ISO CSS コンテンツ: i:before {content: "\f000"})。HTML コードでアイコンを数値形式 (16 進数から 10 進数に変換: <i>&#61440;</i>) で記述しようとしましたが、これも機能しません。

では、Opera Mobile でアイコン フォントを表示するソリューションはありますか?

関連リンク: HTML グリフ

ここに画像の説明を入力

4

2 に答える 2

1

Opera Mobile/Opera Mini でも同じ問題が発生しました。私にとってうまくいったのは、 Font Awesome からElusive Iconsに切り替えることでした。それらは「Bootstrap用に構築」されており、基本的に同じアイコンを使用できます。切り替えたときにアイコンクラス名を変更する必要さえなく、フォントファイルとless/cssファイルのみです。

于 2013-03-15T23:30:53.463 に答える
0

IE > 7で動作することがわかりました...

Font-Awesome には、 を使用しないIE7 スタイルシートが付属しています@font-face。これを含めて、Opera Mobile の問題も解決するかどうかを確認してみましたか?

font-awesome-ie7.min.css

于 2013-02-21T14:47:59.313 に答える