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
— Noobscripter
— 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
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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.