在网站上显示印度货币符号
印度货币卢比的符号已于 2010 年 7 月 15 日获得联合内阁批准。我如何在网站上显示它?
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?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(18)
万一。
如果您将金额绑定到 ASP.Net 标签,那么您可以显示卢比符号,如下所示
Just In Case.
If you are binding amount to a ASP.Net label then you can display rupee sign like below
在 HTML 中使用 ASCII
在 HTML 中使用 UNICODE 字符
使用 CSS
使用 Font Awesome
卢比符号的图标名称是“法卢比标志”
Using ASCII in HTML
Using UNICODE character in HTML
Using CSS
Using Font Awesome
The icon name for rupee symbol is “fa-rupee-sign”
这可以寻求一个临时的解决办法。
Unicode 已接受
U+20B9
作为印度卢比符号,很快所有系统都会自行更新This can be sought of a temporary solution.
Unicode has accepted
U+20B9
as Indian rupee symbol soon all systems will update themselvesWebRupee API 可用于此:
您还可以在此处阅读完整详细信息
WebRupee API Available Here:
You can also read full details here
JQUERY INR v1.2
一个简单的 jQuery 插件,用于转换卢比。整个网页都使用标准印度卢比符号。使用简单,灌输简单
印度卢比符号是货币符号: $ 代表印度卢比,印度的官方货币。它由 D. Udaya Kumar 设计,在印度居民中通过“公开”竞争选出后,由印度政府于 2010 年 7 月 15 日[1] 向公众展示。在采用之前,最常用的卢比符号是 Rs、Re,或者,如果文本采用印度语言,则为该语言的适当缩写。新符号仅与印度卢比相关;其他使用卢比的国家,例如斯里兰卡、巴基斯坦和尼泊尔,仍然使用通用的 U+20A8 ₨ 卢比符号字符。
该设计类似于天城文字母“र”(ra)和拉丁文大写字母“R”,顶部有一条双水平线。
安装:
首先将 jQuery min 和 jQuery Ui 添加到您的页面
例如:
注意:仅使用 jQuery 稳定版本
在 jQuery 库之后包含“indianRupee_v1.2.js”和“indianRupee_ctrl.js”
例如:
使用 Span 标签将 Rs 包裹在网络中,它将替换为符号
例如:Rs 1280000/-
来源:
付给他 1280000 卢比/-
付给他 528500 卢比/-
付给他 1250 卢比/-
付给他 1280000 卢比/-
结果:
插件选项:
$("body").indianRupee({
Targets:"span",// 默认使用,我们也可以使用 [p, div, h1, li 等...]
矢量:“开”//[真/假]的[开/关] 注意:{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:
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:
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 }
});
使用简单的 HTML 实体代码即可实现。
It's possible with simple HTML entity code.
最好的方法是复制 $ 符号并粘贴。
best way copy the ₹ symbol and paste it.
图像方法也不错。几乎不需要 400Bytes。
从这里下载 https://i.sstatic.net/vJZ9m.png
我找到了比网络卢比更好。
对于颜色,编辑图像如下
Image approach is not bad either. It hardly takes 400Bytes.
Download from here https://i.sstatic.net/vJZ9m.png
Well i found it better than webrupee.
For colors edit the image as below
html实体代码有两个:
₹ ₹
There are two html entity code :
₹ ₹
您可以使用 Intl.NumberFormat< /strong> 原生 API。
You can do it with Intl.NumberFormat native API.
使用这个新的 unicode 字符:
₹
use this new unicode char:
₹
只需在网页中输入
即可。रJust type
<del>र</del>
in your web page.普遍接受还需要一年(或两年)以上的时间。
对于网站来说,不鼓励使用任意代码库创建自定义字体并将其(强制)嵌入到每个网页中。 (对于桌面应用程序来说,这可能是可以接受的)。尽管您的解决方案可能可以接受;我不会仅仅为了一个符号而提出建议!加载字体文件会使网页变慢。
此时建议使用图标集作为卢比符号。准备一组尺寸为 12x8、16x12、32x32 的图标,您可以使用
标签将其合并到内联中。
例如 5000/- (我刚刚调整了图像大小;应该针对给定的情况重新采样大小以获得更好的结果)
注意:这就是维基百科所做的。它使用 png/svg 文件。 检查 信息框 此处。
It will take more than an year (or two) for the universal acceptance.
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)
Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.
使用此 CSS:
在需要的地方声明它,如下所示:
Use this CSS:
Declare it wherever required like this:
如果您使用 font Awesome 图标,那么您可以使用此:
导入 font-awesome:
用法:
将显示如:
If you are using font awesome icons, then you can use this:
To import font-awesome:
Usage:
will show as:
WebRupee 是印度货币符号的 Web API。它提供了一种简单的跨浏览器方法,可以在您的网页、博客或网络上的任何位置使用卢比符号。
这是打印印度货币符号的方法:
这意味着如果有人从您的网站复制文本并将其粘贴到其他地方,他将看到卢比而不是其他字符或空白字符。
您现在还可以使用新的卢比 unicode 符号 — U+20B9 印度卢比符号。它可以这样使用:
只需包含以下脚本,它将更新所有“Rs”/“Rs”。为你:
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:
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:
Just include the following script and it will update all the "Rs" / "Rs." for you:
请尝试以下解决方案:
这将显示为: $
Please try the following solution:
This will be displayed as : ₹
印度卢比符号的 HTML 实体是
₹
($)。像使用©
一样使用它作为版权标志。如需了解更多信息,请阅读维基百科有关卢比符号的文章。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.