Отображение символа индийской валюты на веб-сайте


106

Этот символ рупии, валюты Индии, был одобрен Союзным кабинетом 15 июля 2010 года.

Индийский символ валюты

Как я могу отобразить это на сайте?


3
Интересный. Обратите внимание, что U + 20B9 - это неназначенная кодовая точка в Unicode 5.2 - она ​​была принята (как указывает текст) для включения в Unicode, надеюсь, в ближайшем будущем. Классно выглядящий символ. (Список принятых Unicode: unicode.org/alloc/Pipeline.html )
Танатос



Ответы:


96

HTML-код знака индийской рупии - ₹(₹). Используйте его как ©знак авторского права. Чтобы узнать больше, прочтите статью Википедии о знаке рупии .


4
как браузер поддерживает эти знаки валюты? они работают до IE7?
SaurabhLP

1
Я понял, что символ рупии не отображается в некоторых браузерах. Нужно ли нам устанавливать ttf-файл или обновлять браузер?
Чираг

1
Мне действительно полезно !! +1
imdadhusen 01

42

Если вы используете иконки font awesome , вы можете использовать это:

Чтобы импортировать 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


1
Лучше всего, даже если на компьютере нет шрифта
Р. Н. Кушваха

просто используйте строку <i class = "fa fa-inr"> </i> 400.00, этого достаточно
Aditi K

1
спасибо за это, юникод валюты разбился на одном из 5 компьютеров, которые я зарегистрировал, но это спасло жизнь.
mindmyweb

лучший ответ до сих пор, также работающий над любой темой начальной загрузки.
анкит сутар

19

WebRupee - это веб-API для символа индийской валюты. Он предоставляет простой кроссбраузерный метод использования символа 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

Это означает, что если кто-то скопирует текст с вашего сайта и вставит его в другое место, он увидит Rs, а не какой-либо другой или пустой символ.

Теперь вы также можете использовать новый символ юникода рупии - U + 20B9 ЗНАК ИНДИЙСКОЙ РУПИ. Его можно использовать следующим образом:

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

Просто включите следующий сценарий, и он обновит все «рупии» / «рупии». для тебя:

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

1
разве мы не говорим о новом символе рупии?
ankitjaininfo

2
и я вижу, что это не работает на моем FF 3.6 i.imgur.com/V8fnG.png иди и исправь .
ankitjaininfo

@Ankit yu вставка изображения ?? Я попробовал это… Должно быть, я сделал какую-то ошибку
diEcho

Это не сработает в Mozilla, потому что по какой-то странной причине «безопасности» было принято решение отображать только шрифты из того же домена.
PKHunter

1
webrupee.com больше не существует.
Vicky Chijwani 03

16

Используйте этот 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;
}

Объявите его там, где требуется, вот так:

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

16

Попробуйте следующее решение:

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

Это будет отображаться как: ₹


11

На всеобщее признание уйдет не один год (или два).

  1. Консорциум Unicode утверждает кодировку символов.
  2. Шрифты обновлены для включения этого символа
  3. Браузеры / ОС обновляются и включают новые шрифты, и только тогда они видны в каждом браузере на Земле.

Создание пользовательских шрифтов с использованием произвольной кодовой базы и (принудительное) встраивание их на каждую веб-страницу не рекомендуется для Веб-сайта. (для настольных приложений это может быть приемлемо). Хотя ваше решение может быть приемлемым; Я бы не советовал ради одного символа! Загрузка файла шрифта замедляет работу веб-страниц.

К тому времени рекомендуется использовать наборы иконок для символа рупии. Подготовьте набор значков размером 12x8, 16x12, 32x32, которые вы можете встроить в строку с помощью <img>тега.

Например, 5000 / - (я только что изменил размер изображения; его нужно было повторно выбрать для заданного размера для лучших результатов)

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

Примечание: это то, что делает Википедия. он использует файл png / svg . Отметьте здесь информационное окно .


1
да .. мои друзья проголосовали за меня, и я получил 1 402 балла! Вы тоже идете и делаете frnds на SO вместо FB. То, что я здесь описал, лучше всего сделать. Есть способ HTML, если вы можете прочитать мой ответ. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Но это не может гарантировать, что ваша страница будет отображаться во всех веб-браузерах; даже это ненужно, когда у вас есть IMG! Нет смысла использовать БОЛЬШОЙ ШРИФТОВЫЙ ФАЙЛ только для одного символа. Хотите масштабируемую графику - выбирайте SVG!
ankitjaininfo

5
судя по изменениям этого вопроса, похоже, что вы просто хотели продвинуть свойWebRupee
ankitjaininfo

и теперь я вижу, что у них даже есть страница Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ), созданная несколько дней назад. вирусный маркетинг. хотя ваше решение приемлемо. но я бы не советовал только ради одного символа! предпочитаю IMG.
ankitjaininfo

@Ankit: вы действительно думаете, что использование изображения - лучшая альтернатива?
Ракеш Джуал

@Rakesh Можете ли вы перечислить преимущества, которые вы получаете с символом шрифта? и для машин, и для людей! Для людей изображение и шрифт не имеют значения. Для машин с изображениями это означает меньше вычислений, меньшую пропускную способность, более быструю визуализацию веб-страниц. (этот аргумент действителен, если только ШРИФТЫ с R доступны в каждой ОС!)
ankitjaininfo





1

Имиджевый подход тоже неплох. Едва ли занимает 400Байт.
Загрузите отсюда http://i.stack.imgur.com/vJZ9m.png

<span class="rupee"></span>

Ну, я нашел это лучше, чем webrupee.

Для цветов отредактируйте изображение, как показано ниже

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

0

Это может быть временное решение. Юникод стал U+20B9символом индийской рупии, скоро все системы обновятся.


6
Я думаю, что «скоро» - это немного оптимистично, учитывая, что нужно обновить шрифты . Это займет некоторое время.
Пекка

0

API WebRupee доступен здесь:

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

Вы также можете прочитать полную информацию здесь


0

JQUERY INR v1.2

Простой плагин jQuery для конвертации рупий. стандартному символу индийской рупии на всей веб-странице. Простой в использовании и простой инстилляции

Знак индийской рупии - это знак валюты: ₹ для индийской рупии, официальной валюты Индии. Разработанный Д. Удайей Кумар, он был представлен общественности правительством Индии 15 июля 2010 года [1] после его отбора в ходе «открытого» конкурса среди жителей Индии. До его принятия наиболее часто используемыми символами для рупии были рупии, ре или, если текст был на индийском языке, соответствующее сокращение на этом языке. Новый знак относится исключительно к индийской рупии; другие страны, которые используют рупию, такие как Шри-Ланка, Пакистан и Непал, по-прежнему используют общий знак знака рупии U + 20A8 ₨. Дизайн напоминает букву деванагари «र» (ра) и заглавную латинскую букву «R» с двойной горизонтальной линией вверху.

Закапывание:

  1. Загрузите «jQueryINR_v1.2.zip» и распакуйте.
  2. копируйте изображения («rupee.svg, rupee.gif») в папку с изображениями.
  3. Копируйте папку сценариев в путь к вашему проекту или скопируйте файлы .js в папку сценариев.
  4. Загрузите «jQueryINR_v1.2.zip» и распакуйте.
  5. копируйте изображения («rupee.svg, rupee.gif») в папку с изображениями.
  6. Копируйте папку сценариев в путь к вашему проекту или скопируйте файлы .js в папку сценариев.
  7. Сначала включите jQuery min и jQuery Ui на свою страницу

    например: NB: используйте только стабильную версию jQuery

  8. включите «indianRupee_v1.2.js» и «indianRupee_ctrl.js» после библиотеки jQuery, например:

  9. Используйте тег Span, чтобы обернуть Rs по всему Интернету, он заменит символ, например: Rs 1280000 / -

Источник:

Заплатите ему 1280000 рупий / -

Заплатите ему 528500 рупий / -

Заплатите ему 1250 рупий / -

Заплатите ему 1280000 рупий / -

Результат:

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

Параметры плагина:

$ ("body"). indianRupee ({target: "span", // использовать по умолчанию, мы также можем использовать [p, div, h1, li и т.д ...] vector: "on" // [on / off] of [true / false] NB: {вектор не поддерживается в Internet Explore}});


0

Это возможно с помощью простого кода HTML- объекта.

.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">&#x20b9;1200/-</span><br>
Example 2 : <span class="ex">&#8377;3545/-</span><br>
Example 3 : <span class="ex">&#2352;134/-</span> *Is not the exact Rupee symbol


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.