Wyświetlanie symbolu waluty indyjskiej na stronie internetowej


106

Ten symbol rupii, waluty Indii, został zatwierdzony przez Radę Ministrów Unii 15 lipca 2010 r.

Symbol waluty indyjskiej

Jak mogę wyświetlić to na stronie internetowej?


3
Ciekawy. Uwaga, U + 20B9 to nieprzypisany punkt kodowy w Unicode 5.2 - został zaakceptowany (jak wskazuje tekst) do włączenia do Unicode, miejmy nadzieję, w najbliższej przyszłości. Fajnie wyglądający symbol. (Lista akceptowanych Unicode: unicode.org/alloc/Pipeline.html )
Thanatos



Odpowiedzi:


96

Jednostka HTML dla znaku rupii indyjskiej to ₹(₹). Używaj go tak, jak ©w przypadku znaku praw autorskich. Aby dowiedzieć się więcej, przeczytaj artykuł Wikipedii na temat znaku rupii .


4
co przeglądarka obsługuje te znaki walutowe? czy działają do IE7?
SaurabhLP

1
Zdałem sobie sprawę, że symbol rupii nie pojawia się w kilku przeglądarkach. Czy musimy zainstalować plik ttf czy zaktualizować przeglądarkę?
Chirag

1
Naprawdę przydatne dla mnie !! +1
imdadhusen

42

Jeśli używasz niesamowitych ikon czcionek , możesz użyć tego:

Aby zaimportować niesamowite czcionki:

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

Stosowanie:

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

pokaże się jako:

Imgur


1
Najlepiej, nawet jeśli komputer nie ma czcionki
RN Kushwaha

po prostu użyj linii <i class = "fa fa-inr"> </i> 400,00 linii wystarczy
Aditi K,

1
dzięki za to waluta Unicode rozbił się na jednym z 5 komputerów, w których go sprawdziłem, ale to uratowało życie.
mindmyweb

jak dotąd najlepsza odpowiedź, pracując również nad dowolnym motywem bootstrap.
ankit suthar

19

WebRupee to internetowy interfejs API dla indyjskiego symbolu waluty. Zapewnia prostą metodę używania symbolu Rrupee na swojej stronie internetowej, blogu lub w dowolnym miejscu w Internecie, działającą w różnych przeglądarkach.

Oto metoda drukowania indyjskiego symbolu waluty:

<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

Oznacza to, że jeśli ktoś skopiuje tekst z Twojej witryny i wklei go w innym miejscu, zobaczy R, a nie jakiś inny lub pusty znak.

Możesz teraz również używać nowego symbolu Unicode Rupii - U + 20B9 INDIAN RUPEE SIGN. Można go używać w ten sposób:

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

Po prostu dołącz następujący skrypt, a zaktualizuje on wszystkie „R” / „Rs”. dla Ciebie:

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

1
czy nie mówimy o nowym symbolu rupii?
ankitjaininfo

2
i widzę, że to nie działa na moim FF 3.6 i.imgur.com/V8fnG.png, idź to naprawić.
ankitjaininfo

@Ankit yu wklejanie obrazu ?? skosztowałem tego..u musi popełniać jakiś błąd
diEcho

To nie zadziała w Mozilli, ponieważ z jakiegoś dziwnego powodu "bezpieczeństwa" podjęli decyzję o wyświetlaniu tylko czcionek z tej samej domeny.
PKHunter

1
webrupee.com już nie istnieje.
Vicky Chijwani,

16

Użyj tego 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;
}

Zadeklaruj to wszędzie tam, gdzie jest to wymagane:

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

16

Spróbuj następującego rozwiązania:

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

Zostanie to wyświetlone jako: ₹


11

Powszechna akceptacja zajmie ponad rok (lub dwa).

  1. Konsorcjum Unicode zatwierdza kod znaku.
  2. Czcionki są aktualizowane w celu uwzględnienia tego symbolu
  3. Przeglądarki / systemy operacyjne są aktualizowane w celu uwzględnienia nowych czcionek i tylko wtedy są one widoczne w każdej przeglądarce na świecie.

Tworzenie niestandardowych czcionek przy użyciu dowolnego kodu i (na siłę) osadzanie ich na każdej stronie internetowej jest odradzane w przypadku Witryny. (w przypadku aplikacji komputerowych może to być dopuszczalne). Chociaż twoje rozwiązanie może być do przyjęcia; Nie radziłbym tylko ze względu na jeden symbol! Ładowanie pliku czcionki spowalnia działanie stron internetowych.

Do tego czasu zaleca się używanie zestawów ikon dla symbolu rupii. Przygotuj zestaw ikon o rozmiarach 12x8, 16x12, 32x32, które można umieścić w linii za pomocą <img>tagu.

Np. 5000 / - (właśnie zmieniłem rozmiar obrazu; aby uzyskać lepsze wyniki, powinien zostać ponownie próbkowany dla danego rozmiaru)

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

Uwaga: to właśnie robi Wikipedia. używa pliku png / svg . Sprawdź infobox tutaj.


1
yah .. moi znajomi poparli mnie i dostałem 1,402! Ty też idź i rób frnds na SO zamiast FB. To, co tutaj opisałem, jest raczej najlepszą rzeczą do zrobienia. Jest sposób na HTML, jeśli możesz przeczytać moją odpowiedź. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Ale to nie może zagwarantować, że Twoja strona będzie wyświetlana we wszystkich przeglądarkach internetowych; nawet to jest niepotrzebne, kiedy możesz mieć IMG! Nie ma sensu używanie PLIKU WIELKIEJ CZCIONKI tylko dla jednego symbolu. Chcesz skalowalnej grafiki - wybierz SVG!
ankitjaininfo

5
z rewizji tego pytania, wygląda na to, że chciałeś tylko promować swojeWebRupee
ankitjaininfo

a teraz widzę, że mają nawet stronę Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) utworzoną kilka dni temu. marketing wirusowy. chociaż twoje rozwiązanie jest do przyjęcia. ale nie radziłbym tylko ze względu na jeden symbol! wolisz IMG.
ankitjaininfo

@Ankit: czy naprawdę uważasz, że używanie obrazu jest lepszą alternatywą?
Rakesh Juyal

@Rakesh Czy możesz wymienić korzyści, jakie uzyskujesz za pomocą symbolu czcionki? zarówno dla maszyn, jak i dla ludzi! Dla ludzi posiadanie obrazu i czcionki nie ma znaczenia. W przypadku maszyn posiadających obraz oznacza mniej przetwarzania, mniejszą przepustowość, szybsze renderowanie strony internetowej. (ten argument jest poprawny, chyba że FONTY z R są dostępne w każdym systemie operacyjnym!)
ankitjaininfo




3

Możesz to zrobić za pomocą natywnego interfejsu API Intl.NumberFormat .

var number = 123456.78;

// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(number));


1

Podejście do obrazu też nie jest złe. Prawie nie zajmuje 400 bajtów.
Pobierz stąd http://i.stack.imgur.com/vJZ9m.png

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

Cóż, znalazłem to lepiej niż webrupee.

W przypadku kolorów edytuj obraz jak poniżej

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

0

Można szukać tymczasowego rozwiązania. Unicode zaakceptował U+20B9jako symbol rupii indyjskiej wkrótce wszystkie systemy zaktualizują się


6
Myślę, że „wkrótce” jest nieco optymistyczne, biorąc pod uwagę, że trzeba zaktualizować czcionki . To potrwa chwilę.
Pekka

0

Interfejs API WebRupee dostępny tutaj:

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

Możesz również przeczytać pełne szczegóły tutaj


0

JQUERY INR v1.2

Prosta wtyczka jQuery do konwersji plików Rs. do standardowego symbolu rupii indyjskiej za pośrednictwem naszej strony internetowej. Prosty w użyciu i proste wkraplanie

Znak rupii indyjskiej to znak waluty: ₹ dla rupii indyjskiej, oficjalnej waluty Indii. Zaprojektowany przez D. Udayę Kumara, został zaprezentowany publicznie przez rząd Indii w dniu 15 lipca 2010 r. [1] po jego wyborze w drodze „otwartego” konkursu wśród mieszkańców Indii. Przed jego przyjęciem najczęściej używanymi symbolami rupii były Rs, Re lub, jeśli tekst był w języku indyjskim, odpowiedni skrót w tym języku. Nowy znak odnosi się wyłącznie do rupii indyjskiej; inne kraje, w których używa się rupii, takie jak Sri Lanka, Pakistan i Nepal, nadal używają ogólnego znaku rupii U + 20A8 ₨. Projekt przypomina zarówno literę dewanagari „र” (ra), jak i łacińską wielką literę „R”, z podwójną poziomą linią u góry.

Wpojenie:

  1. Pobierz plik „jQueryINR_v1.2.zip” i rozpakuj.
  2. skopiuj obrazy („rupee.svg, rupee.gif”) do folderu ze zdjęciami.
  3. cope scripts do ścieżki projektu lub skopiuj pliki .js do folderu skryptów.
  4. Pobierz plik „jQueryINR_v1.2.zip” i rozpakuj.
  5. skopiuj obrazy („rupee.svg, rupee.gif”) do folderu ze zdjęciami.
  6. cope scripts do ścieżki projektu lub skopiuj pliki .js do folderu skryptów.
  7. Dołącz najpierw jQuery min i jQuery Ui do swojej strony

    np .: NB: używaj tylko stabilnej wersji jQuery

  8. dołącz „indianRupee_v1.2.js” i „indianRupee_ctrl.js” po bibliotece jQuery, np .:

  9. Użyj tagu Span, aby zawijać Rs przez sieć, który zostanie zastąpiony symbolem, np .: Rs 1280000 / -

Źródło:

Zapłać mu Rs 1280000 / -

Zapłać mu Rs 528500 / -

Zapłać mu Rs 1250 / -

Zapłać mu Rs 1280000 / -

Wynik:

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

Opcje wtyczek:

$ ("body"). indianRupee ({target: "span", // domyślnie możemy też użyć [p, div, h1, li etc ...] vector: "on" // [on / off] of [prawda / fałsz] Uwaga: {wektor nie jest obsługiwany w Internet Explorerze}});


0

Jest to możliwe dzięki prostemu kodowi encji 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


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.