在网站上显示印度货币符号

这个印度货币卢比的象征于2010年7月15日被联盟内阁批准。

印度货币符号

我怎样才能在网站上显示它?

印度卢比标志的HTML实体是₹ (₹)。 使用它就像你会© 为版权标志。 欲了解更多,请阅读维基百科关于卢比标志的文章 。

如果你正在使用字体真棒图标 ,那么你可以使用这个:

要导入font-awesome:

 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

用法:

 Current Price: <i class="fa fa-inr"></i> 400.00 

将显示为:

Imgur

WebRupee是印度货币符号的Web API。 它提供了一个简单的,跨浏览器的方法,在您的网页,博客或networking上的任何地方使用Rrupee符号。

这里是打印印度货币符号的方法:

 <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 

这意味着如果有人从您的网站复制文本并将其粘贴到其他地方,他将看到R而不是其他的或空白的字符。

您现在也可以使用新的卢比unicode符号 – U + 20B9 INDIAN RUPEE SIGN。 它可以以这种方式使用:

 <span class="WebRupee">&#x20B9;</span> 500 

只需包含以下脚本,它将更新所有“Rs”/“Rs”。 为你:

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

使用这个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//AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH//fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==) format('truetype'); font-weight: normal; font-style: normal; } 

在需要的地方声明它:

 <span style="font-family:rupee;font-size:20px">R</span> 

请尝试以下解决scheme:

 <span style='font-family:Arial;'>&#8377;</span> 

这将显示为:$

普遍接受需要一年(或两年)的时间。

  1. Unicode联盟批准char-code。
  2. 字体被更新以包含这个符号
  3. 浏览器/操作系统被更新为包括新的字体,然后只有在地球上的每个浏览器上都可见。

使用任意代码库(强制)将其embedded到每个网页中来创build自定义字体,对于网站来说是不鼓励的。 (对于桌面应用程序可能是可以接受的)。 虽然你的解决scheme可能是可以接受 我不会仅仅为了一个符号而提供build议! 加载字体文件会使网页变慢。

当时build议使用卢比符号的图标集 。 准备一组尺寸为12×8,16×12,32×32的图标,您可以使用<img>标签在线添加图标。

例如 5000 / – (我只是调整了图像;它应该已经重新采样给定的大小,以获得更好的结果)

 <img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10"> 

注意: 这是维基百科所做的。 它使用png / svg文件。 在这里检查信息框 。

只需在您的网页中input<del>&#2352;</del>

有两个html实体代码: &#x20b9; &#8377; &#x20b9; &#8377;

使用这个新的Unicode字符: &#x20b9;

image processing方法也不错…几乎不需要400Bytes …从这里下载http://i.stack.imgur.com/vJZ9m.png

那么我发现它比webrupee更好…只是在时间加载…颜色…以及我可以编辑图像…

 .rupee{ background-position:left; width: 10px; height: 14px; background-image: url('rupee.png'); display:block; background-repeat: no-repeat; 

}

这可以寻求一个临时解决scheme。 Unicode已经接受U+20B9作为印度卢比符号,所有的系统都会自动更新

WebRupee API可在这里:

 <script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script> 

你也可以在这里阅读完整的细节

JQUERY INR v1.2

一个简单的jQuery插件,用于转换Rs。 到标准印度卢比符号通过网页。 简单的使用和简单的滴注

印度卢比标志是货币符号:印度卢比是印度的官方货币。 由D. Udaya Kumardevise,由印度政府于2010年7月15日向公众发布,[1]是通过印度居民之间的“公开”竞争挑选出来的。 在通过之前,卢比最常用的符号是Rs,Re,或者如果文本是印度语,则是该语言中适当的缩写。 新的标志只涉及印度卢比; 其他使用卢比的国家,如斯里兰卡,巴基斯坦和尼泊尔,仍然使用通用的U + 20A8卢比符号字符。 该devise类似于梵文字母“र”(ra)和拉丁语大写字母“R”,顶部是双水平线。

灌输:

  1. 下载“jQueryINR_v1.2.zip”并解压。
  2. 将图像(“rupee.svg,rupee.gif”)复制到您的图像文件夹中。
  3. 应付脚本文件夹到您的项目path,否则复制.js文件到您的脚本文件夹。
  4. 下载“jQueryINR_v1.2.zip”并解压。
  5. 将图像(“rupee.svg,rupee.gif”)复制到您的图像文件夹中。
  6. 应付脚本文件夹到您的项目path,否则复制.js文件到您的脚本文件夹。
  7. 首先将jQuery min和jQuery Ui包含到您的页面中

    例如:NB:只使用jQuery稳定版本

  8. 包括jQuery库之后的“indianRupee_v1.2.js”和“indianRupee_ctrl.js”,例如:

  9. 使用跨度标签来包装Rs通过networking它将用符号取代,例如:Rs 1280000 / –

资源:

支付他卢比1280000 / –

支付他卢比528500 / –

支付他Rs 1250 / –

支付他卢比1280000 / –

结果:

  http://romy.theqtl.com/rupeePlugin/ 

插件选项:

$(“body”)。indianRupee({targets:“span”,//默认使用我们也可以使用[p,div,h1,li等等] vector:“on”// [on / off] [true / false] NB:{Internet不支持Internet Explore}});