2017-01-16 6 views
2

私はこのウェブサイトを角度とブートストラップで構築しました。私はAPIからシンボルをロードしています。 APIにはルピー記号 "₹"があります。それがブラウザに表示されると、まったく別のものとして表示されます。ルピー記号が表示されたら、他の記号に変換されています

enter image description here

私はそれが再び正しい「₹」のシンボルの開発者ツールから検査しようとしました。

<strong>₹</strong> 

表示されているときは、別のものです。理由を理解できません。何か案が?

<meta charset="UTF-8"> 
+1

を使用することができますか? –

+0

シンボルをどのようなフォントで表示していますか? (ウェブや非ウェブセーフなフォントに変換されたフォントを使用している場合、グリフが崩れることがあります) – haxxxton

+0

JSONがUTF-8として提供されていることを確認してください。 –

答えて

5

ウェブフォントを使用していた場合は、そのフォントがシンボルをサポートしているかどうかを確認してください。その特定のタグのフォントを変更することができます。私の提案は、クラスを追加してfont-family:Arial;を使用するか、使用するシンボルをサポートするフォントを使用することを確認してください。

<strong class="currency">₹</strong> 
+0

'font-family:Arial;'(Arial'のスペルに注意してください) – haxxxton

+0

あなたはこれを前に思いつかなかったのですか?出来た。ありがとう@Niraj。 – Shreejibawa

0

は、次のようにあなたがあなたのindex.htmlで "UTF-8" としてあなたのcharsetを指定していることを確認します。

<span style='font-family:Arial;'>&#8377;</span> 

+0

私はこれを試してみましたが、これに関連する。 – Shreejibawa

2

あなたはルピーアイコン(₹)を表示するには、この&#8377;HTMLエンティティを使用することができます。

+0

バックエンドが&#8377を返していません。だからこれを使うことはできない。 – Shreejibawa

1

使用&#8377; これは動作します。

<strong>&#8377;</strong> 
1

あなたはAPIの詳細を投稿してくださいできるHTMLエンティティ

<label>&#8377; </label> 
関連する問題