1

chrome、IE8の選択した要素でルピーフォントを使用できません

WebRupeeを使用してインドルピー通貨を表示しています。フォントが<p>タグ内にある場合は正常に表示されますが、選択オプション要素に入れると、ルピーはFirefoxでのみ正しく表示され、chromeおよびIE8では表示されません（Rのみが表示されます）。

<select >
   <option>$</option>
   <option>£</option>
   <option>€&lt;/option>
   <option style="font-family:WebRupee;">R</option>
</select>​

デモ http://jsfiddle.net/WEJbc/3/

4

1 に答える 1

1

これが明らかに関係している INDIAN RUPEE SIGN U+20B9 は、インターネット上でのゴールデン タイムの準備ができていません。ごく最近、バージョン 6.0 で Unicode に追加されたので、今後 10 年ほどの間に、いくつかの一般的に使用されるフォントで使用できるようになると予想されます。次に、UTF-8 でエンコードされたドキュメントで、または文字参照として使用できます&#x20b9;。

一方、通貨名、通貨の略語、通貨コード、または RUPEE SIGN U+20A8 (₨) などの既存の特殊記号を使用してください。通貨のドロップダウン メニューでは、ローカライズされた名前 (「US ドル」など) が最適です。たとえば、記号「$」は、世界中の数十の通貨を表すために使用されます。

<option style="font-family:WebRupee;">R</option>トリック フォントを使用して表示することで、文字 (R) の意味を別のものに変更しようとするため、使用は完全に間違ったアプローチです。たとえば、http: //www.alanflavell.org.uk/charset/fontface-harmful.htmlおよびhttp://alis.isoc.org/web_ml/html/fontface.en.htmlを参照してください。

技術的にはoption、一部のコンテキストで機能するように見える状況でも、このトリックは失敗します。その理由は、ブラウザーがoption要素を固定フォントでレンダリングし、内部のフォントの変更を許可しない可能性があるためです。

IE では、個々のオプションではなく、ドロップダウン メニュー全体のフォントを変更できるため、optionを設定することで、トリックを要素に拡張できます。select { font-family: WebRupee; }しかし、フォントのトリッキーのすべての問題に加えて、WebRupee フォントはドル記号 ($) がないように設計されているため、そのオプションは空として表示されるため、これは失敗します。

于 2012-06-12T08:57:48.253 に答える