Twitter Bootstrap のアイコンが Opera Mobile ブラウザに表示されないのはなぜですか? 問題を解決するには?
4 に答える
そもそも Opera Mini は Web フォントをサポートしていません:
Version | Opera Mini
-------------------------------------------
Current | 5.0-7.0 [Not Supported (= Red)]
HTML ファイルには、別の文字セットが定義されている可能性があります。UTF-8 などの別のエンコーディングで表示してみてください。
文字セットが UTF-8 の場合、表示されない文字は、UTF-8 がサポートしていない他のエンコーディングからのものである可能性があります。
テストしているデバイスには、組み込みの文字セットでそのアイコンを使用できない場合があります。各デバイスには描画可能なフォント セットがあり、その範囲外の文字を使用すると、四角形やクエスチョン マークが上下逆になったようなデフォルトのアイコンが表示されます。
デバイスが UTF8 エンコーディングの拡張文字をサポートしていないという事実について、できることはあまりありません。
代わりにサポートされている文字を使用することも、画像を使用することもできます。デバイスの受け入れヘッダーに、すべての文字が含まれていないことを示す何かがある可能性があります。それ以外の場合は、必要な文字を持っているか持っていないユーザーエージェントによってデバイスのリストを作成し、該当する場合は適切な出力を提供する必要があります。
これに役立つライブラリの 1 つとして、WURFL デバイス データベースにはxhtml_preferred_charset
、
UTF-8 はデフォルトでサポートされているはずですが、一部のデバイスには問題があります。ここでは、iso8859 などの代替文字セットを見つけることができます。ISO 文字セットでは地域の 1 つ (1、15、その他) を指定する必要がある場合があるため、このフィールドには正確な文字セットは表示されません。
CDN (コンテンツ配信ネットワーク) を使用してブートストラップ css ファイルにリンクしている可能性があります...そして、もしそうなら、おそらく古いものを使用しています。リンクが最新であることを確認してください。ホストされた依存関係を使用しないことの利点の 1 つは、将来その問題が発生しないことです。
現在、これを試してください-> //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
使用しているコードについてのコメントによると、ブートストラップ アイコンを使用していない、フォントの素晴らしいアイコンを使用している...これをコードに追加します。
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
それはそれをするべきです
ソース - http://fortawesome.github.io/Font-Awesome/3.2.1/icon/globe/
また、実装手順のソース
http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/