As you all know the Rupee have a symbol like the Dollar ($) or the Euro (€) or the Pound (£).
I have Posted how to Download and Install Rupee font in your document which is designed by Foradian.
Now i will tell you how to add it in your website or blog using html code.
1. Download the font Rupee_Foradian.ttf
2. Install the font. (It is easy. Just copy the font and paste it in "Fonts" folder in control panel)
3.Add the following css style in you html tag used. and place the grave accent (`) symbol where ever inside the tag
Here is how the rupee font looks when using html `500(will show only if You have installed Rupee_Foradian.ttf)
For example if you want to write a bold rupee value like shown above you need to place
<b style="font-family: Rupee Foradian;">`500</b>in your Html content
OR if you want to use a css class in your code find the code below.
You can test following code by placing the code in this link.
Note:You must install Rupee symbol before doing this
<html> <head> <style type="text/css"> p.sansserif{font-family:Rupee Foradian;} </style> </head> <body> <p class="sansserif">` Rupee Symbol on web ` </p> <textarea style="font-family:Rupee Foradian" rows="2" cols="20"> ` Rupee symbol in text area with inline css ` </textarea> </body> </html>
Alternative way is to set your browser font to Rupee Foradian