画像、javascript、またはフォントを使用しないルピー記号

Question

ルピー記号を印刷するには次のコードを試してみました。

Firefox : <rs><span style="position:absolute;margin-top:-5px">_</span>&#2352;</rs> 
<br /> 
IE7 : <rs><span style="position:absolute;margin-top:-4px">_</span>&#2352;</rs> 
<br /> 
Chrome : <rs><span style="position:absolute;margin-top:-10px">_</span>&#2352;</rs> 

しかしmargin-topのbrwserのincopatabilityに起因する、私は最終的なソリューションとして、それを受け入れることはできません。私はまた、<span>のために25％の幅のボーダーボトムを試していました。しかし、それは絶対的な必要があるので、仕事をdintします。この状態では、ページの高さは25％になります。

<rs><span style="position:absolute;border-bottom:1px solid;height:25%;">&nbsp;&nbsp;</span>&#2352;</rs> 

解決策を、複数のブラウザと互換性があり、js、イメージ、またはフォントを必要としないcssプロパティとして提案してください。

*私はルピ記号のサイズを変更する必要があるたびに変更が必要なので、ピクセルで何もしたくないです。

Answer 1

ルピー文字コード自体を使用しない理由：₹？

₹