Exibindo o símbolo da moeda indiana em um site

106

Este símbolo da rupia, a moeda da Índia, foi aprovado pelo Gabinete da União em 15 de julho de 2010.

Símbolo da moeda indiana

Como posso exibi-lo em um site?

html currency symbols JustLearn
fonte
3
Interessante. Nota, U + 20B9 é um ponto de código não atribuído em Unicode 5.2 - foi aceito (como o texto indica) para inclusão em Unicode esperançosamente em um futuro próximo. Símbolo de aparência legal. (Lista de aceitação de Unicode: unicode.org/alloc/Pipeline.html )
Thanatos
2
Verifique isto: Resposta abrangente
Ani Menon
2
Uma possível duplicata da caixa retangular vazia é exibida em vez do símbolo de rúpia em HTML
Noobscripter
w3schools.com/charsets/tryit.asp?filename=8377
Pardeep Jain

Respostas:

96

A entidade HTML para o símbolo da rupia indiana é ₹(). Use-o como faria ©com o símbolo de copyright. Para mais informações, leia o artigo da Wikipedia sobre o signo da rupia .

Sanjay
fonte
4
qual é o suporte do navegador para esses símbolos monetários? eles funcionam até o IE7?
SaurabhLP
1
Percebi que o símbolo da rupia não aparece em vários navegadores. Precisamos instalar um arquivo ttf ou atualizar o navegador?
Chirag
1
Realmente útil para mim !! +1
imdadhusen 01 de
42

Se estiver usando ícones incríveis de fonte , você pode usar este:

Para importar incrível fonte:

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

Uso:

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

será mostrado como:

Imgur

Pratyush
fonte
1
É melhor mesmo se o computador não tiver fonte
RN Kushwaha
basta usar <i class = "fa fa-inr"> </i> 400,00 linha é o suficiente
Aditi K
1
Obrigado por isso, o Unicode de moeda travou em um dos 5 PCs que fiz check-in, mas isso foi um salva-vidas.
mindmyweb
a melhor resposta até agora, trabalhando também em qualquer tema de bootstrap.
ankit suthar
19

WebRupee é uma API da web para o símbolo da moeda indiana. Ele fornece um método simples de navegador cruzado para usar o símbolo Rrupee em sua página da web, blog ou em qualquer lugar da web.

Aqui está um método para imprimir o símbolo da moeda indiana:

<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

Isso significa que se alguém copiar o texto de seu site e colar em outro lugar, verá Rs e não algum outro caractere em branco.

Agora você também pode usar o novo símbolo Unicode Rupee - U + 20B9 INDIAN RUPEE SIGN. Ele pode ser usado desta maneira:

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

Basta incluir o seguinte script e ele atualizará todos os "Rs" / "Rs". para voce:

<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
JustLearn
fonte
1
não estamos falando sobre o novo símbolo da Rúpia?
ankitjaininfo
2
e vejo que isso não funciona no meu FF 3.6 i.imgur.com/V8fnG.png, vá corrigi-lo.
ankitjaininfo
@Ankit yu colando imagem ?? eu provei ... você deve estar cometendo algum engano
diEcho
Isso não funcionará no Mozilla porque por algum estranho motivo de "segurança", eles decidiram mostrar apenas fontes que são do mesmo domínio.
PKHunter
1
webrupee.com não existe mais.
Vicky Chijwani
16

Use este 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-o sempre que necessário, desta forma:

<span style="font-family:rupee;font-size:20px">R</span>
OM The Eternity
fonte
16

Tente a seguinte solução:

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

Isso será exibido como: $$

Abhilash
fonte
11

Vai demorar mais de um ano (ou dois) para a aceitação universal.

  1. Consórcio Unicode aprova o char-code.
  2. As fontes são atualizadas para incluir este símbolo
  3. Os navegadores / sistemas operacionais são atualizados para incluir novas fontes e só então ficam visíveis em todos os navegadores do planeta.

Criar fontes personalizadas usando uma base de código arbitrária e (forçosamente) incorporá-las em todas as páginas da web não é recomendado para o site. (para aplicativos de desktop, pode ser aceitável). Embora sua solução possa ser aceitável; Eu não aconselharia apenas por causa de um símbolo! Carregar um arquivo de fonte torna as páginas da web mais lentas.

No momento, é aconselhável usar conjuntos de ícones para o símbolo da rupia. Prepare um conjunto de ícones com tamanhos 12x8, 16x12, 32x32 que você pode incorporar em linha usando<img> tag.

Por exemplo, 5000 / - (acabei de redimensionar a imagem; ela deveria ter sido amostrada novamente para determinado tamanho para melhores resultados)

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

Nota: isso é o que a Wikipedia faz. ele usa o arquivo png / svg . Verifique a infobox aqui.

ankitjaininfo
fonte
1
sim .. meus amigos votaram em mim e eu consegui uma pontuação de 1.402! Você também vai e faz frnds no SO em vez do FB. O que eu descrevi aqui é a melhor coisa a fazer. Existe uma maneira HTML, se você puder ler minha resposta. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Mas isso não pode garantir que sua página seja exibida em todos os navegadores da web; mesmo isso é desnecessário quando você pode ter IMG! Não faz sentido usar BIG FONT FILE para apenas um símbolo. Você deseja um gráfico escalável - escolha SVG!
ankitjaininfo
5
a partir das revisões desta pergunta, parece que você só queria promover seuWebRupee
ankitjaininfo
e agora vejo que eles até têm uma página Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) criada alguns dias atrás. marketing viral. embora sua solução seja aceitável. mas eu não aconselharia apenas por causa de um símbolo! prefira IMG.
ankitjaininfo
@Ankit: você realmente acha que usar imagem é a melhor alternativa?
Rakesh Juyal
@Rakesh Você pode listar os benefícios que obtém com um símbolo de fonte? para Máquinas e Humanos! Para humanos, ter imagem versus fonte não faz diferença. Para máquinas com imagem significa menos computação, menos largura de banda, renderização de página da web mais rápida. (este argumento é válido, a menos que FONTS com Rs estejam disponíveis em todos os sistemas operacionais!)
ankitjaininfo
10

Basta digitar <del>&#2352;</del> sua página da web.

harry patel
fonte
4
este não é o símbolo Rs
anglimasS
7

Existem dois códigos de entidade html: &#x20b9; &#8377;

Shiv Kumar Sah
fonte
5

use este novo char unicode: &#x20b9;

Amol
fonte
3

Você pode fazer isso com a API nativa 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));
Expandir snippet

Penny Liu
fonte
1

A abordagem da imagem também não é ruim. Quase não leva 400 bytes.
Baixe aqui http://i.stack.imgur.com/vJZ9m.png

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

Bem, eu achei melhor do que webrupee.

Para cores, edite a imagem como abaixo

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

Isso pode ser buscado como uma solução temporária. O Unicode aceitou U+20B9o símbolo da rupia indiana em breve todos os sistemas serão atualizados

ajay_whiz
fonte
6
Acho que "em breve" é um pouco otimista, visto que são as fontes que precisam ser atualizadas. Isso vai demorar um pouco.
Pekka
0

API WebRupee disponível aqui: 

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

Você também pode ler os detalhes completos aqui

Jagan
fonte
0

JQUERY INR v1.2

Um plug-in jQuery simples para converter Rs. ao símbolo padrão da rupia indiana em toda a página da web. Simples de usar e instilação simples

O símbolo da Rúpia Indiana é o símbolo da moeda: $$ para a Rúpia Indiana, a moeda oficial da Índia. Desenhado por D. Udaya Kumar, foi apresentado ao público pelo Governo da Índia em 15 de julho de 2010, [1] após sua seleção por meio de um concurso “aberto” entre residentes indianos. Antes de sua adoção, os símbolos mais comumente usados ​​para a rupia eram Rs, Re ou, se o texto fosse em uma língua indiana, uma abreviatura apropriada nessa língua. O novo sinal refere-se apenas à rupia indiana; outros países que usam rúpia, como Sri Lanka, Paquistão e Nepal, ainda usam o caractere de sinal genérico U + 20A8 ₨ rúpia. O desenho se assemelha à letra Devanagari "र" (ra) e à letra latina maiúscula "R", com uma linha horizontal dupla na parte superior.

Instilação:

  1. Baixe o “jQueryINR_v1.2.zip” e extraia.
  2. copie as imagens (“rupee.svg, rupee.gif”) para a pasta de imagens.
  3. Copie a pasta de scripts para o caminho do projeto ou copie os arquivos .js para a pasta de scripts.
  4. Baixe o “jQueryINR_v1.2.zip” e extraia.
  5. copie as imagens (“rupee.svg, rupee.gif”) para a pasta de imagens.
  6. Copie a pasta de scripts para o caminho do projeto ou copie os arquivos .js para a pasta de scripts.

  7. Inclua jQuery min e jQuery Ui em sua página primeiro

    Ex: NB: use apenas a versão estável do jQuery

  8. incluir o “indianRupee_v1.2.js” e “indianRupee_ctrl.js” após a biblioteca jQuery, por exemplo:

  9. Use a tag Span para envolver Rs em toda a web e ela substituirá pelo símbolo, por exemplo: Rs 1280000 / -

Fonte:

Pague a ele Rs 1280000 / -

Pague a ele Rs 528500 / -

Pague a ele Rs 1250 / -

Pague a ele Rs 1280000 / -

Resultado:

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

Opções de plug-in:

$ ("body"). indianRupee ({targets: "span", // usar como padrão, também podemos usar [p, div, h1, li etc ...] vetor: "on" // [on / off] de [verdadeiro / falso] NB: {vetor não é compatível com o Internet Explore}});

Romy R Michael
fonte
0

É possível com um código de entidade HTML simples .

.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
Expandir snippet

rosto sorridente
fonte
0

melhor maneira de copiar o símbolo $$ e cole-o.

islam de rubal
fonte
existe uma referência simbólica html para isso?
Nelles