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></i>
) で記述しようとしましたが、これも機能しません。
では、Opera Mobile でアイコン フォントを表示するソリューションはありますか?
関連リンク: HTML グリフ