Friday, July 30, 2010

How to add Indian Rupee symbol in Blog/Website

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

17 comments:

Anonymous said...

This approach requires that the viewer should also have that symbol installed. Here is a way to embed the symbol - http://blog.nparashuram.com/2010/07/use-new-symbol-for-indian-rupee-already.html

Anonymous said...

What if the user does not have the font installed ? You can use CSS without requiring the font - http://bit.ly/symbolrupee

Anonymous said...

Check this out too
1. http://blog.foradian.com/font-with-indian-rupee-symbol-download-and-us

2. http://www.youtube.com/watch?v=bnFZS7_pJo0&feature=player_embedded

Pradeepanand said...

It worked well. I found a HTML code for rupee sign as &#8377. Can we work this thing in Dreamweaver??

Anonymous said...

This information is worth everyone's attention. How can I find out more?
My web-site american eagle advertising balloon

Anonymous said...

Undeniably believe that which you stated. Your favorite reason appeared to be on the web the easiest thing to be aware of.
I say to you, I definitely get irked while people
consider worries that they plainly don't know about. You managed to hit the nail upon the top as well as defined out the whole thing without having side-effects , people can take a signal. Will probably be back to get more. Thanks
Review my blog kids fishing clothes

Anonymous said...

I blog quite often and I genuinely appreciate your content.
The article has really peaked my interest. I am going to bookmark your blog and keep checking for new information about once per
week. I opted in for your Feed too.
Here is my web site ; Vertnet

Anonymous said...

I have been surfing on-line more than 3 hours lately, but I
by no means found any fascinating article like yours.
It's pretty value enough for me. Personally, if all website owners and bloggers made good content as you probably did, the web will probably be a lot more helpful than ever before.
Here is my webpage :: sanstreet.com.sg

Anonymous said...

Why viewers still use to read news papers when in this technological world everything is presented on web?
My blog : Www.Alyssamelodyacupuncture.com

Anonymous said...

Hello, i read your blog occasionally and i
own a similar one and i was just wondering if you get a lot of spam comments?
If so how do you stop it, any plugin or anything you can
suggest? I get so much lately it's driving me crazy so any support is very much appreciated.
Stop by my web site : San Diego Event Planning Kauai Beach Weddings

Anonymous said...

Magnificent beat ! I wish to apprentice at the same time as you amend your site, how can i subscribe for a weblog site?

The account helped me a appropriate deal. I were a little bit acquainted of
this your broadcast offered vivid transparent concept
Feel free to visit my web site :: hpv treatment for men

Anonymous said...

Hello There. I discovered your weblog using
msn. This is an extremely neatly written article.
I'll be sure to bookmark it and return to read extra of your useful info. Thank you for the post. I will definitely comeback.
Also visit my blog ... http://www.assiplaza.net/index.php

Anonymous said...

I like it whenever people get together and share ideas.
Great website, continue the good work!
Here is my blog post : blog.unforked.com

Anonymous said...

Hello to every body, it's my first visit of this blog; this webpage includes remarkable and truly good information designed for visitors.
Feel free to surf my site ; voicewinds.com

Anonymous said...

My spouse and I stumbled over here different web address and thought
I might as well check things out. I like what I see so now i'm following you. Look forward to looking at your web page yet again.
Here is my web-site ; www.popflops.com

Anonymous said...

Attractive section of content. I just stumbled upon
your weblog and in accession capital to assert that I acquire actually enjoyed account your blog posts.
Anyway I'll be subscribing to your feeds and even I achievement you access consistently rapidly.
Also visit my blog post Contact-Us

Anonymous said...

Heya i am for the first time here. I found this board and I find It really useful & it helped me out a lot.
I hope to give something back and help others like you helped me.
My web blog - Office Furniture Toronto

Post a Comment