Displaying the Indian currency symbol on a website
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010.
How can I display it on a website?
html currency symbols
add a comment |
This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010.
How can I display it on a website?
html currency symbols
3
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
2
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
2
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41
add a comment |
This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010.
How can I display it on a website?
html currency symbols
This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010.
How can I display it on a website?
html currency symbols
html currency symbols
edited Dec 21 '11 at 23:00


Pops
18.6k31119147
18.6k31119147
asked Aug 30 '10 at 5:32
JustLearnJustLearn
1,55092230
1,55092230
3
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
2
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
2
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41
add a comment |
3
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
2
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
2
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41
3
3
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
2
2
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
2
2
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41
add a comment |
15 Answers
15
active
oldest
votes
The HTML entity for the Indian rupee sign is ₹
(₹). Use it like you would ©
for the copyright sign. For more, read Wikipedia's article on the rupee sign.
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
add a comment |
If you are using font awesome icons, then you can use this:
To import font-awesome:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Usage:
Current Price: <i class="fa fa-inr"></i> 400.00
will show as:
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
add a comment |
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
|
show 4 more comments
Use this CSS:
@font-face {
font-family: 'rupee';
src: url('rupee_foradian-1-webfont.eot');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
format('truetype');
font-weight: normal;
font-style: normal;
}
Declare it wherever required like this:
<span style="font-family:rupee;font-size:20px">R</span>
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
add a comment |
Please try the following solution:
<span style='font-family:Arial;'>₹</span>
This will be displayed as : ₹
add a comment |
It will take more than an year (or two) for the universal acceptance.
- Unicode consortium approves the char-code.
- Fonts are updated to include this symbol
- Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.
By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img>
tag.
E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)
<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
– ankitjaininfo
Aug 30 '10 at 13:27
5
from the revisions of this quetion, seems like you just wanted to promote yourWebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
add a comment |
Just type <del>र</del>
in your web page.
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
add a comment |
There are two html entity code : ₹ ₹
add a comment |
use this new unicode char: ₹
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
add a comment |
You can do it with Intl.NumberFormat native API.
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
add a comment |
Image approach is not bad either. It hardly takes 400Bytes.
Download from here http://i.stack.imgur.com/vJZ9m.png
<span class="rupee"></span>
Well i found it better than webrupee.
For colors edit the image as below
.rupee{
background-position:left;
width: 10px;
height: 14px;
background-image: url('rupee.png');
display:block;
background-repeat: no-repeat;
}
add a comment |
This can be sought of a temporary solution.
Unicode has accepted U+20B9
as Indian rupee symbol soon all systems will update themselves
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
add a comment |
WebRupee API Available Here:
<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>
You can also read full details here
add a comment |
JQUERY INR v1.2
A simple jQuery plug-in for convert Rs. to standard Indian rupee symbol through out the web page. Simple to use and simple instillation
The Indian Rupee sign is the currency sign: ₹ for the Indian Rupee, the official currency of India. Designed by D. Udaya Kumar, it was presented to the public by the Government of India on 15 July 2010,[1] following its selection through an “open” competition among Indian residents. Before its adoption, the most commonly used symbols for the rupee were Rs, Re or, if the text was in an Indian language, an appropriate abbreviation in that language. The new sign relates solely to the Indian rupee; other countries that use a rupee, such as Sri Lanka, Pakistan and Nepal, still use the generic U+20A8 ₨ rupee sign character.
The design resembles both the Devanagari letter "र" (ra) and the Latin capital letter "R", with a double horizontal line at the top.
Instillation:
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
Include jQuery min and jQuery Ui to your page first
eg:
NB: use jQuery stable version only
include the “indianRupee_v1.2.js” and “indianRupee_ctrl.js” after the jQuery library
eg:
Use Span tag to wrap Rs through out the web it will replace with the symbol
eg: Rs 1280000/-
Source:
Pay Him Rs 1280000/-
Pay Him Rs 528500/-
Pay Him Rs 1250/-
Pay Him Rs 1280000/-
Result:
http://romy.theqtl.com/rupeePlugin/
Plug-in Options:
$("body").indianRupee({
targets:"span",// use as default we can also use [p, div, h1 , li etc...]
vector:"on"//[on/off] of [true/false] NB: {vector not support in Internet Explore }
});
add a comment |
It's possible with simple HTML entity code.
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
add a comment |
protected by Community♦ Aug 29 '14 at 13:45
Thank you for your interest in this question.
Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?
15 Answers
15
active
oldest
votes
15 Answers
15
active
oldest
votes
active
oldest
votes
active
oldest
votes
The HTML entity for the Indian rupee sign is ₹
(₹). Use it like you would ©
for the copyright sign. For more, read Wikipedia's article on the rupee sign.
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
add a comment |
The HTML entity for the Indian rupee sign is ₹
(₹). Use it like you would ©
for the copyright sign. For more, read Wikipedia's article on the rupee sign.
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
add a comment |
The HTML entity for the Indian rupee sign is ₹
(₹). Use it like you would ©
for the copyright sign. For more, read Wikipedia's article on the rupee sign.
The HTML entity for the Indian rupee sign is ₹
(₹). Use it like you would ©
for the copyright sign. For more, read Wikipedia's article on the rupee sign.
edited Dec 21 '11 at 23:04


Pops
18.6k31119147
18.6k31119147
answered Dec 13 '11 at 20:36
SanjaySanjay
1,051178
1,051178
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
add a comment |
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
4
4
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
whats the browser support of these currency signs? does they work till IE7?
– SaurabhLP
Apr 12 '13 at 5:21
1
1
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
I realized that rupee symbol does not appear in several browsers. Do we need to install a ttf file or update the browser?
– Chirag
Jun 9 '13 at 7:34
1
1
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
Really useful to me!! +1
– imdadhusen
Jul 1 '13 at 11:58
add a comment |
If you are using font awesome icons, then you can use this:
To import font-awesome:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Usage:
Current Price: <i class="fa fa-inr"></i> 400.00
will show as:
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
add a comment |
If you are using font awesome icons, then you can use this:
To import font-awesome:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Usage:
Current Price: <i class="fa fa-inr"></i> 400.00
will show as:
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
add a comment |
If you are using font awesome icons, then you can use this:
To import font-awesome:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Usage:
Current Price: <i class="fa fa-inr"></i> 400.00
will show as:
If you are using font awesome icons, then you can use this:
To import font-awesome:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Usage:
Current Price: <i class="fa fa-inr"></i> 400.00
will show as:
edited Jul 1 '15 at 15:05
answered Feb 21 '14 at 5:51
PratyushPratyush
2,80922947
2,80922947
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
add a comment |
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
1
1
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
Its best even if computer don't have font
– RN Kushwaha
Dec 4 '14 at 13:08
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
just use <i class="fa fa-inr"></i> 400.00 line its enough
– Aditi K
Jan 5 '15 at 5:49
1
1
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
thanks for this the currency unicode crashed in one of the 5 pc i checked it in but this was a life saver.
– mindmyweb
Apr 18 '15 at 11:15
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
the best answer till so far, also working on any bootstrap theme.
– ankit suthar
Nov 23 '17 at 9:02
add a comment |
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
|
show 4 more comments
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
|
show 4 more comments
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
edited Dec 21 '11 at 22:58


Pops
18.6k31119147
18.6k31119147
answered Aug 30 '10 at 11:36
JustLearnJustLearn
1,55092230
1,55092230
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
|
show 4 more comments
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
1
1
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
aren't we talking about the new Rupee symbol?
– ankitjaininfo
Aug 30 '10 at 11:41
2
2
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
and I see this does not work on my FF 3.6 i.imgur.com/V8fnG.png go fix it.
– ankitjaininfo
Aug 30 '10 at 16:57
1
1
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
I'll start making questions that I know the answer and answer myself...
– user216441
Aug 30 '10 at 21:08
3
3
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
Won't let me vote, but I'd -1 this if I could!
– palswim
Sep 1 '10 at 15:35
1
1
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
webrupee.com doesn't exist any more.
– Vicky Chijwani
Jan 3 '17 at 21:19
|
show 4 more comments
Use this CSS:
@font-face {
font-family: 'rupee';
src: url('rupee_foradian-1-webfont.eot');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
format('truetype');
font-weight: normal;
font-style: normal;
}
Declare it wherever required like this:
<span style="font-family:rupee;font-size:20px">R</span>
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
add a comment |
Use this CSS:
@font-face {
font-family: 'rupee';
src: url('rupee_foradian-1-webfont.eot');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
format('truetype');
font-weight: normal;
font-style: normal;
}
Declare it wherever required like this:
<span style="font-family:rupee;font-size:20px">R</span>
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
add a comment |
Use this CSS:
@font-face {
font-family: 'rupee';
src: url('rupee_foradian-1-webfont.eot');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
format('truetype');
font-weight: normal;
font-style: normal;
}
Declare it wherever required like this:
<span style="font-family:rupee;font-size:20px">R</span>
Use this CSS:
@font-face {
font-family: 'rupee';
src: url('rupee_foradian-1-webfont.eot');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
format('truetype');
font-weight: normal;
font-style: normal;
}
Declare it wherever required like this:
<span style="font-family:rupee;font-size:20px">R</span>
edited Dec 21 '11 at 23:08


Pops
18.6k31119147
18.6k31119147
answered Mar 18 '11 at 11:51


OM The EternityOM The Eternity
6,92231102160
6,92231102160
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
add a comment |
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
IE11 not working, did you have any hack?
– anglimasS
Dec 5 '14 at 6:55
add a comment |
Please try the following solution:
<span style='font-family:Arial;'>₹</span>
This will be displayed as : ₹
add a comment |
Please try the following solution:
<span style='font-family:Arial;'>₹</span>
This will be displayed as : ₹
add a comment |
Please try the following solution:
<span style='font-family:Arial;'>₹</span>
This will be displayed as : ₹
Please try the following solution:
<span style='font-family:Arial;'>₹</span>
This will be displayed as : ₹
answered Jun 23 '14 at 20:32
AbhilashAbhilash
30026
30026
add a comment |
add a comment |
It will take more than an year (or two) for the universal acceptance.
- Unicode consortium approves the char-code.
- Fonts are updated to include this symbol
- Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.
By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img>
tag.
E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)
<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
– ankitjaininfo
Aug 30 '10 at 13:27
5
from the revisions of this quetion, seems like you just wanted to promote yourWebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
add a comment |
It will take more than an year (or two) for the universal acceptance.
- Unicode consortium approves the char-code.
- Fonts are updated to include this symbol
- Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.
By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img>
tag.
E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)
<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
– ankitjaininfo
Aug 30 '10 at 13:27
5
from the revisions of this quetion, seems like you just wanted to promote yourWebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
add a comment |
It will take more than an year (or two) for the universal acceptance.
- Unicode consortium approves the char-code.
- Fonts are updated to include this symbol
- Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.
By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img>
tag.
E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)
<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
It will take more than an year (or two) for the universal acceptance.
- Unicode consortium approves the char-code.
- Fonts are updated to include this symbol
- Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.
By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img>
tag.
E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)
<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
edited Aug 31 '10 at 10:02
answered Aug 30 '10 at 11:52
ankitjaininfoankitjaininfo
6,98174370
6,98174370
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
– ankitjaininfo
Aug 30 '10 at 13:27
5
from the revisions of this quetion, seems like you just wanted to promote yourWebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
add a comment |
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
– ankitjaininfo
Aug 30 '10 at 13:27
5
from the revisions of this quetion, seems like you just wanted to promote yourWebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
1
1
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!– ankitjaininfo
Aug 30 '10 at 13:27
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB. What i described here is the best thing to do rather. There is an HTML way if you can read in my answer.
Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.
But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!– ankitjaininfo
Aug 30 '10 at 13:27
5
5
from the revisions of this quetion, seems like you just wanted to promote your
WebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
from the revisions of this quetion, seems like you just wanted to promote your
WebRupee
– ankitjaininfo
Aug 30 '10 at 13:32
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
and now I see they even have Wiki page ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) created few days back. viral marketing. although your solution is acceptable. but i would not advice just for the sake of one symbol! prefer IMG.
– ankitjaininfo
Aug 30 '10 at 16:51
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Ankit: do you really think using image is better alternative ?
– Rakesh Juyal
Sep 4 '10 at 9:04
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
– ankitjaininfo
Sep 4 '10 at 10:45
add a comment |
Just type <del>र</del>
in your web page.
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
add a comment |
Just type <del>र</del>
in your web page.
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
add a comment |
Just type <del>र</del>
in your web page.
Just type <del>र</del>
in your web page.
edited Sep 14 '11 at 19:23


Jérôme Verstrynge
28.9k66224392
28.9k66224392
answered Jun 6 '11 at 6:50
harry patelharry patel
13512
13512
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
add a comment |
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
3
3
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
A good alternate. only if i can pull up the line.
– Amit Kumar Gupta
Dec 1 '11 at 15:59
4
4
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
this is not Rs symbol
– anglimasS
Jun 24 '13 at 7:01
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
that is wrong symbol
– Raj Kamal
Apr 10 '16 at 7:16
add a comment |
There are two html entity code : ₹ ₹
add a comment |
There are two html entity code : ₹ ₹
add a comment |
There are two html entity code : ₹ ₹
There are two html entity code : ₹ ₹
answered May 8 '14 at 12:49


Shiv Kumar SahShiv Kumar Sah
87111216
87111216
add a comment |
add a comment |
use this new unicode char: ₹
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
add a comment |
use this new unicode char: ₹
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
add a comment |
use this new unicode char: ₹
use this new unicode char: ₹
edited Apr 3 '11 at 5:26


p.campbell
68.8k56221300
68.8k56221300
answered Mar 1 '11 at 9:08
AmolAmol
5111
5111
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
add a comment |
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
2
2
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
it's not working on any version of IE
– Jitendra Vyas
Apr 4 '13 at 11:48
add a comment |
You can do it with Intl.NumberFormat native API.
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
add a comment |
You can do it with Intl.NumberFormat native API.
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
add a comment |
You can do it with Intl.NumberFormat native API.
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
You can do it with Intl.NumberFormat native API.
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
var number = 123456.78;
// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(number));
edited Jan 3 at 5:06
answered Jan 2 at 6:48


Penny LiuPenny Liu
1,34321025
1,34321025
add a comment |
add a comment |
Image approach is not bad either. It hardly takes 400Bytes.
Download from here http://i.stack.imgur.com/vJZ9m.png
<span class="rupee"></span>
Well i found it better than webrupee.
For colors edit the image as below
.rupee{
background-position:left;
width: 10px;
height: 14px;
background-image: url('rupee.png');
display:block;
background-repeat: no-repeat;
}
add a comment |
Image approach is not bad either. It hardly takes 400Bytes.
Download from here http://i.stack.imgur.com/vJZ9m.png
<span class="rupee"></span>
Well i found it better than webrupee.
For colors edit the image as below
.rupee{
background-position:left;
width: 10px;
height: 14px;
background-image: url('rupee.png');
display:block;
background-repeat: no-repeat;
}
add a comment |
Image approach is not bad either. It hardly takes 400Bytes.
Download from here http://i.stack.imgur.com/vJZ9m.png
<span class="rupee"></span>
Well i found it better than webrupee.
For colors edit the image as below
.rupee{
background-position:left;
width: 10px;
height: 14px;
background-image: url('rupee.png');
display:block;
background-repeat: no-repeat;
}
Image approach is not bad either. It hardly takes 400Bytes.
Download from here http://i.stack.imgur.com/vJZ9m.png
<span class="rupee"></span>
Well i found it better than webrupee.
For colors edit the image as below
.rupee{
background-position:left;
width: 10px;
height: 14px;
background-image: url('rupee.png');
display:block;
background-repeat: no-repeat;
}
edited Jan 2 at 7:51
smilyface
1,62132039
1,62132039
answered Aug 29 '13 at 8:24
rajesh_kwrajesh_kw
1,2031314
1,2031314
add a comment |
add a comment |
This can be sought of a temporary solution.
Unicode has accepted U+20B9
as Indian rupee symbol soon all systems will update themselves
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
add a comment |
This can be sought of a temporary solution.
Unicode has accepted U+20B9
as Indian rupee symbol soon all systems will update themselves
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
add a comment |
This can be sought of a temporary solution.
Unicode has accepted U+20B9
as Indian rupee symbol soon all systems will update themselves
This can be sought of a temporary solution.
Unicode has accepted U+20B9
as Indian rupee symbol soon all systems will update themselves
answered Aug 30 '10 at 6:15
ajay_whizajay_whiz
10.7k32943
10.7k32943
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
add a comment |
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
6
6
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
I think "soon" is a bit optimistic, seeing as it's fonts that have to get updated. This will take a while.
– Pekka 웃
Aug 30 '10 at 11:36
add a comment |
WebRupee API Available Here:
<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>
You can also read full details here
add a comment |
WebRupee API Available Here:
<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>
You can also read full details here
add a comment |
WebRupee API Available Here:
<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>
You can also read full details here
WebRupee API Available Here:
<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>
You can also read full details here
answered Sep 4 '13 at 3:48
JaganJagan
1
1
add a comment |
add a comment |
JQUERY INR v1.2
A simple jQuery plug-in for convert Rs. to standard Indian rupee symbol through out the web page. Simple to use and simple instillation
The Indian Rupee sign is the currency sign: ₹ for the Indian Rupee, the official currency of India. Designed by D. Udaya Kumar, it was presented to the public by the Government of India on 15 July 2010,[1] following its selection through an “open” competition among Indian residents. Before its adoption, the most commonly used symbols for the rupee were Rs, Re or, if the text was in an Indian language, an appropriate abbreviation in that language. The new sign relates solely to the Indian rupee; other countries that use a rupee, such as Sri Lanka, Pakistan and Nepal, still use the generic U+20A8 ₨ rupee sign character.
The design resembles both the Devanagari letter "र" (ra) and the Latin capital letter "R", with a double horizontal line at the top.
Instillation:
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
Include jQuery min and jQuery Ui to your page first
eg:
NB: use jQuery stable version only
include the “indianRupee_v1.2.js” and “indianRupee_ctrl.js” after the jQuery library
eg:
Use Span tag to wrap Rs through out the web it will replace with the symbol
eg: Rs 1280000/-
Source:
Pay Him Rs 1280000/-
Pay Him Rs 528500/-
Pay Him Rs 1250/-
Pay Him Rs 1280000/-
Result:
http://romy.theqtl.com/rupeePlugin/
Plug-in Options:
$("body").indianRupee({
targets:"span",// use as default we can also use [p, div, h1 , li etc...]
vector:"on"//[on/off] of [true/false] NB: {vector not support in Internet Explore }
});
add a comment |
JQUERY INR v1.2
A simple jQuery plug-in for convert Rs. to standard Indian rupee symbol through out the web page. Simple to use and simple instillation
The Indian Rupee sign is the currency sign: ₹ for the Indian Rupee, the official currency of India. Designed by D. Udaya Kumar, it was presented to the public by the Government of India on 15 July 2010,[1] following its selection through an “open” competition among Indian residents. Before its adoption, the most commonly used symbols for the rupee were Rs, Re or, if the text was in an Indian language, an appropriate abbreviation in that language. The new sign relates solely to the Indian rupee; other countries that use a rupee, such as Sri Lanka, Pakistan and Nepal, still use the generic U+20A8 ₨ rupee sign character.
The design resembles both the Devanagari letter "र" (ra) and the Latin capital letter "R", with a double horizontal line at the top.
Instillation:
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
Include jQuery min and jQuery Ui to your page first
eg:
NB: use jQuery stable version only
include the “indianRupee_v1.2.js” and “indianRupee_ctrl.js” after the jQuery library
eg:
Use Span tag to wrap Rs through out the web it will replace with the symbol
eg: Rs 1280000/-
Source:
Pay Him Rs 1280000/-
Pay Him Rs 528500/-
Pay Him Rs 1250/-
Pay Him Rs 1280000/-
Result:
http://romy.theqtl.com/rupeePlugin/
Plug-in Options:
$("body").indianRupee({
targets:"span",// use as default we can also use [p, div, h1 , li etc...]
vector:"on"//[on/off] of [true/false] NB: {vector not support in Internet Explore }
});
add a comment |
JQUERY INR v1.2
A simple jQuery plug-in for convert Rs. to standard Indian rupee symbol through out the web page. Simple to use and simple instillation
The Indian Rupee sign is the currency sign: ₹ for the Indian Rupee, the official currency of India. Designed by D. Udaya Kumar, it was presented to the public by the Government of India on 15 July 2010,[1] following its selection through an “open” competition among Indian residents. Before its adoption, the most commonly used symbols for the rupee were Rs, Re or, if the text was in an Indian language, an appropriate abbreviation in that language. The new sign relates solely to the Indian rupee; other countries that use a rupee, such as Sri Lanka, Pakistan and Nepal, still use the generic U+20A8 ₨ rupee sign character.
The design resembles both the Devanagari letter "र" (ra) and the Latin capital letter "R", with a double horizontal line at the top.
Instillation:
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
Include jQuery min and jQuery Ui to your page first
eg:
NB: use jQuery stable version only
include the “indianRupee_v1.2.js” and “indianRupee_ctrl.js” after the jQuery library
eg:
Use Span tag to wrap Rs through out the web it will replace with the symbol
eg: Rs 1280000/-
Source:
Pay Him Rs 1280000/-
Pay Him Rs 528500/-
Pay Him Rs 1250/-
Pay Him Rs 1280000/-
Result:
http://romy.theqtl.com/rupeePlugin/
Plug-in Options:
$("body").indianRupee({
targets:"span",// use as default we can also use [p, div, h1 , li etc...]
vector:"on"//[on/off] of [true/false] NB: {vector not support in Internet Explore }
});
JQUERY INR v1.2
A simple jQuery plug-in for convert Rs. to standard Indian rupee symbol through out the web page. Simple to use and simple instillation
The Indian Rupee sign is the currency sign: ₹ for the Indian Rupee, the official currency of India. Designed by D. Udaya Kumar, it was presented to the public by the Government of India on 15 July 2010,[1] following its selection through an “open” competition among Indian residents. Before its adoption, the most commonly used symbols for the rupee were Rs, Re or, if the text was in an Indian language, an appropriate abbreviation in that language. The new sign relates solely to the Indian rupee; other countries that use a rupee, such as Sri Lanka, Pakistan and Nepal, still use the generic U+20A8 ₨ rupee sign character.
The design resembles both the Devanagari letter "र" (ra) and the Latin capital letter "R", with a double horizontal line at the top.
Instillation:
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
- Download the “jQueryINR_v1.2.zip” and extract.
- copy images (“rupee.svg, rupee.gif”) to your images folder.
- cope scripts folder to your project path or else copy the .js files to your script folder.
Include jQuery min and jQuery Ui to your page first
eg:
NB: use jQuery stable version only
include the “indianRupee_v1.2.js” and “indianRupee_ctrl.js” after the jQuery library
eg:
Use Span tag to wrap Rs through out the web it will replace with the symbol
eg: Rs 1280000/-
Source:
Pay Him Rs 1280000/-
Pay Him Rs 528500/-
Pay Him Rs 1250/-
Pay Him Rs 1280000/-
Result:
http://romy.theqtl.com/rupeePlugin/
Plug-in Options:
$("body").indianRupee({
targets:"span",// use as default we can also use [p, div, h1 , li etc...]
vector:"on"//[on/off] of [true/false] NB: {vector not support in Internet Explore }
});
edited Sep 23 '13 at 9:24
community wiki
2 revs
Romy R Michael
add a comment |
add a comment |
It's possible with simple HTML entity code.
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
add a comment |
It's possible with simple HTML entity code.
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
add a comment |
It's possible with simple HTML entity code.
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
It's possible with simple HTML entity code.
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">₹1200/-</span><br>
Example 2 : <span class="ex">₹3545/-</span><br>
Example 3 : <span class="ex">र134/-</span> *Is not the exact Rupee symbol
edited Jan 2 at 7:41
answered Jan 2 at 7:26
smilyfacesmilyface
1,62132039
1,62132039
add a comment |
add a comment |
protected by Community♦ Aug 29 '14 at 13:45
Thank you for your interest in this question.
Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?
3
Interesting. Note, U+20B9 is an unassigned code point in Unicode 5.2 - it has been accepted (as the text indicates) for inclusion into Unicode hopefully in the near future. Cool looking symbol. (Unicode accepted list: unicode.org/alloc/Pipeline.html)
– Thanatos
Aug 30 '10 at 6:09
2
Check this: Comprehensive Answer
– Ani Menon
Jun 5 '16 at 15:56
2
Possible duplicate of Empty rectanglar box is displayed instead of the rupee symbol in HTML
– Noobscripter
Jun 5 '16 at 16:12
w3schools.com/charsets/tryit.asp?filename=8377
– Pardeep Jain
Oct 20 '16 at 10:41