As a web developer when I see errors on the web it hits me immediately. I am seeing large companies make this mistake again and again, when they customize their websites for the Indian market. First it was steam then it was facebook, when you see a brand like facebook make a developers mistake you know have to write a blog about it.
As web developers working out of India we have faced this problem over and over again the common solution that most developers are using is to use html hex code or decimal codes defined by w3c. unfortunately this is still showing problems in many setups.
Demo [ ₹ 500. ]
Here is a HTML hex code ₹
Demo [ ₹ 500. ]
The correct and final solution to this problem is to load your own CSS snippet with font- awesome. I have tested this in all browsers including IE 8.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
And Paste This below code where you want to display Indian Rupees (INR) symbol.
<i class="fa fa-inr"></i>
