Visualización del símbolo de la moneda india en un sitio web


106

Este símbolo de la rupia, la moneda de la India, fue aprobado por el Gabinete de la Unión el 15 de julio de 2010.

Símbolo de moneda india

¿Cómo puedo mostrarlo en un sitio web?


3
Interesante. Tenga en cuenta que U + 20B9 es un punto de código no asignado en Unicode 5.2; se ha aceptado (como indica el texto) para su inclusión en Unicode con suerte en un futuro próximo. Símbolo de aspecto fresco. (Lista aceptada de Unicode: unicode.org/alloc/Pipeline.html )
Thanatos

2
Verifique esto: Respuesta completa
Ani Menon


Respuestas:


96

La entidad HTML para el signo de la rupia india es ₹(₹). Úselo como lo haría ©para el letrero de derechos de autor. Para obtener más información, lea el artículo de Wikipedia sobre el signo de la rupia .


4
¿Cuál es el soporte del navegador de estos signos de moneda? ¿Funcionan hasta IE7?
SaurabhLP

1
Me di cuenta de que el símbolo de la rupia no aparece en varios navegadores. ¿Necesitamos instalar un archivo ttf o actualizar el navegador?
Chirag

1
¡¡Realmente útil para mí !! +1
imdadhusen

42

Si está usando íconos de fuentes increíbles , puede usar esto:

Para importar font-awesome:

<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

se mostrará como:

Imgur


1
Es mejor incluso si la computadora no tiene fuente
RN Kushwaha

solo use <i class = "fa fa-inr"> </i> 400.00 línea, es suficiente
Aditi K

1
Gracias por esto, la moneda Unicode se estrelló en una de las 5 PC en las que lo registré, pero esto me salvó la vida.
mindmyweb

la mejor respuesta hasta ahora, también trabajando en cualquier tema de arranque.
ankit suthar

19

WebRupee es una API web para el símbolo de moneda indio. Proporciona un método de navegador cruzado simple para usar el símbolo Rrupee en su página web, blog o en cualquier lugar de la web.

Aquí hay un método para imprimir el símbolo de moneda indio:

<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

Esto significa que si alguien copia texto de su sitio y lo pega en otro lugar, verá R y no algún otro carácter en blanco.

Ahora también puede usar el nuevo símbolo unicode de rupias: U + 20B9 INDIAN RUPEE SIGN. Se puede utilizar de esta manera:

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

Simplemente incluya el siguiente script y actualizará todas las "R" / "R". para ti:

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

1
¿No estamos hablando del nuevo símbolo de la rupia?
ankitjaininfo

2
y veo que esto no funciona en mi FF 3.6 i.imgur.com/V8fnG.png ve a arreglarlo.
ankitjaininfo

@Ankit yu pegando imagen ?? Lo he probado ... debes estar cometiendo algún error
diEcho

Esto no funcionará en Mozilla porque por alguna extraña razón de "seguridad", tomaron la decisión de mostrar solo las fuentes que son del mismo dominio.
PKHunter

1
webrupee.com ya no existe.
Vicky Chijwani

16

Utilice 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;
}

Declararlo donde sea necesario de esta manera:

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

16

Pruebe la siguiente solución:

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

Esto se mostrará como: ₹


11

Tomará más de un año (o dos) para la aceptación universal.

  1. El consorcio Unicode aprueba el código char.
  2. Las fuentes se actualizan para incluir este símbolo
  3. Los navegadores / sistemas operativos se actualizan para incluir nuevas fuentes y solo entonces es visible en todos los navegadores del mundo.

Se desaconseja para el sitio web la creación de fuentes personalizadas mediante el uso de una base de código arbitraria e incrustarlas (enérgicamente) en todas las páginas web. (para aplicaciones de escritorio puede ser aceptable). Aunque su solución puede ser aceptable; ¡No aconsejaría solo por un símbolo! La carga de un archivo de fuente hace que las páginas web sean más lentas.

Por el momento, se recomienda utilizar conjuntos de iconos para el símbolo de la rupia. Prepare un conjunto de iconos con tamaños de 12 x 8, 16 x 12, 32 x 32 que pueda incorporar en línea mediante una <img>etiqueta.

Por ejemplo, 5000 / - (acabo de cambiar el tamaño de la imagen; debería haberse vuelto a muestrear para el tamaño dado para obtener mejores resultados)

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

Nota: esto es lo que hace Wikipedia. utiliza un archivo png / svg . Consulte la casilla de información aquí.


1
yah .. mis amigos me votaron a favor y obtuve una puntuación de 1,402! tú también ve y haz amigos en SO en lugar de FB. Lo que describí aquí es lo mejor que se puede hacer. Hay una forma HTML si puede leer en mi respuesta. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Pero eso no puede garantizar que su página se muestre en todos los navegadores web; incluso eso es innecesario cuando puedes tener IMG! No tiene sentido utilizar BIG FONT FILE para un solo símbolo. Si desea gráficos escalables, elija SVG.
ankitjaininfo

5
de las revisiones de esta pregunta, parece que solo quería promocionar suWebRupee
ankitjaininfo

y ahora veo que incluso tienen una página Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) creada hace unos días. mercadeo viral. aunque tu solución es aceptable. ¡Pero no aconsejaría solo por un símbolo! prefiero IMG.
ankitjaininfo

@Ankit: ¿De verdad crees que usar imágenes es una mejor alternativa?
Rakesh Juyal

@Rakesh ¿Puedes enumerar los beneficios que obtienes con un símbolo de fuente? ¡tanto para Máquinas como para Humanos! Para los humanos, tener imagen versus fuente no es una diferencia. Para las máquinas que tienen imagen significa menos computación, menos ancho de banda, una representación más rápida de la página web. (¡este argumento es válido a menos que las FUENTES con R estén disponibles en todos los sistemas operativos!)
ankitjaininfo



5

use este nuevo carácter Unicode: &#x20b9;


3

Puede hacerlo con la 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));


1

El enfoque de la imagen tampoco está mal. Apenas toma 400Bytes.
Descarga desde aquí http://i.stack.imgur.com/vJZ9m.png

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

Bueno, lo encontré mejor que webrupee.

Para los colores, edite la imagen como se muestra a continuación

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

0

Se puede buscar una solución temporal. Unicode ha aceptado U+20B9como símbolo de la rupia india pronto, todos los sistemas se actualizarán


6
Creo que "pronto" es un poco optimista, ya que las fuentes deben actualizarse. Esto tomará un rato.
Pekka

0

API de WebRupee disponible aquí:

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

También puede leer todos los detalles aquí.


0

JQUERY INR v1.2

Un simple complemento de jQuery para convertir Rs. al símbolo estándar de la rupia india en toda la página web. Fácil de usar y de instilación sencilla

El signo de la rupia india es el signo de la moneda: ₹ para la rupia india, la moneda oficial de la India. Diseñado por D. Udaya Kumar, fue presentado al público por el Gobierno de la India el 15 de julio de 2010, [1] tras su selección mediante un concurso "abierto" entre residentes indios. Antes de su adopción, los símbolos más utilizados para la rupia eran Rs, Re o, si el texto estaba en un idioma indio, una abreviatura apropiada en ese idioma. El nuevo signo se refiere únicamente a la rupia india; otros países que usan una rupia, como Sri Lanka, Pakistán y Nepal, todavía usan el carácter genérico del signo de la rupia U + 20A8 ₨. El diseño se asemeja tanto a la letra devanagari "र" (ra) como a la letra mayúscula latina "R", con una doble línea horizontal en la parte superior.

Instilación:

  1. Descargue "jQueryINR_v1.2.zip" y extráigalo.
  2. copie imágenes (“rupee.svg, rupee.gif”) a su carpeta de imágenes.
  3. Cope la carpeta de scripts a la ruta de su proyecto o copie los archivos .js a su carpeta de scripts.
  4. Descargue "jQueryINR_v1.2.zip" y extráigalo.
  5. copie imágenes (“rupee.svg, rupee.gif”) a su carpeta de imágenes.
  6. Cope la carpeta de scripts a la ruta de su proyecto o copie los archivos .js a su carpeta de scripts.
  7. Incluya jQuery min y jQuery Ui en su página primero

    por ejemplo: NB: use solo la versión estable de jQuery

  8. incluir "indianRupee_v1.2.js" y "indianRupee_ctrl.js" después de la biblioteca jQuery, por ejemplo:

  9. Use la etiqueta Span para envolver Rs en la web que reemplazará con el símbolo, por ejemplo: Rs 1280000 / -

Fuente:

Págale Rs 1280000 / -

Págale Rs 528500 / -

Págale Rs 1250 / -

Págale Rs 1280000 / -

Resultado:

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

Opciones de complemento:

$ ("body"). indianRupee ({target: "span", // use como predeterminado también podemos usar [p, div, h1, li etc ...] vector: "on" // [on / off] de [verdadero / falso] NB: {vector no compatible en Internet Explore}});


0

Es posible con un código de entidad HTML simple .

.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


0

La mejor manera es copiar el símbolo ₹ y pegarlo.


Sin embargo, ¿hay una referencia simbólica html para ello?
Nelles
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.