盧比符號不使用圖片，JavaScript或字體

我試過下面的代碼打印盧比符號;盧比符號不使用圖片，JavaScript或字體

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％。但由於需要是絕對的，所以它的工作量很大。在這種情況下，它需要25％的頁面高度。

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

請建議一個解決方案，因爲css屬性是多瀏覽器兼容，不需要js，圖像或字體。

*我不想要任何像素，因爲每次我需要調整大小的盧比符號時都需要更改。

來源

2011-12-06 Amit Gupta

我無法理解爲什麼你說沒有「字體」我想使用的字體圖標從http://fontawesome.io/icons/是跨瀏覽器兼容的最佳解決方案，它也很使用方便。 – Sagar

@Sagar這個問題已經超過3年了，那個時候盧比符號在市場上是新的，它的unicode沒有被許多瀏覽器支持。我對字體說不，因爲字體在頁面加載時至少被請求了一次，這消耗了帶寬。 –

爲什麼不使用盧比字符代碼本身：₹？

₹

來源

2011-12-06 09:16:29

因爲不支持 –

盧比符號不使用圖片，JavaScript或字體

回答

相關問題