Need css code for indian rupee symbol in HTML

Question

0.00/5 (No votes)

See more:

I need a css code for Indian rupee symbol in HTML.

I know there is a CSS or JS code supplied by webrupee.com. But this works only if machine has internet connection and I am going to configure my site on INTRANET, So it may not have internet connection all the time.

Second alternative I found is to use code "& #x20B9;" But it only works if machine supports Unicode 6.0 (Not sure how to add unicode support).

Let me know if there is some css/js code or I can make second option work.

Thanks in Advance.

Posted 2-May-13 1:27am

sam7one

Updated 2-May-13 1:30am

v3

Add a Solution

3 solutions

Solution 2

Try using Javascript:

 <head>
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
</head>

<span class="WebRupee">Rs.</span>

It should work.

Posted 2-May-13 1:44am

Thanks7872

Comments

sam7one 3-May-13 7:12am

As I mentioned earlier, Script provided by you only works if computer has active internet connection. I added above code and it worked when there was internet connection, then I disabled my connection and it was not showing rupee symbol.

Thanks7872 3-May-13 7:15am

Go through javascript.Put code in your page itself.It should work.

Solution 1

Hi sam7one,

Please go through the following link
http://webrupee.com/[^]

If you don't want a live reference for the application, then add the below code into a JS file, and get the link reference into the required page.

http://cdn.webrupee.com/js

Check if you might need the font also, then get the font from below link

http://cdn.webrupee.com/font[^]

Thank you,
Vamsi

Posted 2-May-13 1:36am

RelicV

Updated 2-May-13 1:48am

v2

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Er. Tushar Srivastava · Accepted Answer · 2013-12-22T08:27:00

Hi Friend,

I don't have a stiff solution but I have an idea. We can get a png image of the Indian Rupee from This link.

Then use a simple CSS like this :

CSS

.rupee {
	background: transparent url("./images/rupee.png") no-repeat;
	background-size: 10px 14px;
	background-position: 0 0;
	display: block;
	min-width: 10px;
	height: 14px;
	line-height: 14px;
        padding-left: 12px;
	float: left;
	clear: both;
}

Usage in HTML :

HTML

<div>
  <p class="rupee">100</p>
</div>

At the moment, It works perfectly... You actually have to download and store the png image of rupee that I provided in the link above.

I hope that this answer solved your problem. Please do rate it and accept is as solved if it solved your problem :)

With Regards
Tushar Srivastava