Menampilkan simbol mata uang India di situs web


106

Simbol rupee ini, mata uang India, telah disetujui oleh Kabinet Persatuan pada 15 Juli 2010.

Simbol mata uang India

Bagaimana cara menampilkannya di situs web?


3
Menarik. Catatan, U + 20B9 adalah titik kode yang belum ditetapkan di Unicode 5.2 - itu telah diterima (seperti yang ditunjukkan teks) untuk dimasukkan ke dalam Unicode semoga dalam waktu dekat. Simbol tampak keren. (Daftar diterima Unicode: unicode.org/alloc/Pipeline.html )
Thanatos



Jawaban:


96

Entitas HTML untuk tanda rupee India adalah ₹(₹). Gunakan seperti yang Anda lakukan ©untuk tanda hak cipta. Untuk lebih lanjut, baca artikel Wikipedia tentang tanda rupee .


4
apa dukungan browser dari tanda mata uang ini? apakah mereka bekerja sampai IE7?
SaurabhLP

1
Saya menyadari bahwa simbol rupee tidak muncul di beberapa browser. Apakah kita perlu menginstal file ttf atau mengupdate browser?
Chirag

1
Sangat berguna bagi saya !! +1
imdadhusen

42

Jika Anda menggunakan ikon font yang mengagumkan , maka Anda dapat menggunakan ini:

Untuk mengimpor font-awesome:

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

Pemakaian:

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

akan ditampilkan sebagai:

Imgur


1
Yang terbaik bahkan jika komputer tidak memiliki font
RN Kushwaha

cukup gunakan baris <i class = "fa fa-inr"> </i> 400.00 sudah cukup
Aditi K

1
terima kasih untuk ini mata uang unicode crash di salah satu dari 5 pc saya check in tapi ini adalah penyelamat.
mindmyweb

jawaban terbaik sejauh ini, juga mengerjakan tema bootstrap apa pun.
ankit suthar

19

WebRupee adalah API web untuk simbol mata uang India. Ini menyediakan metode lintas browser yang sederhana untuk menggunakan simbol Rrupee di halaman web Anda, blog, atau di mana pun di web.

Berikut adalah metode untuk mencetak simbol mata uang India:

<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

Ini berarti jika seseorang menyalin teks dari situs Anda dan menempelkannya di tempat lain, dia akan melihat Rs dan bukan karakter lain atau kosong.

Sekarang Anda juga dapat menggunakan simbol unicode Rupee baru - U + 20B9 INDIAN RUPEE SIGN. Ini dapat digunakan dengan cara ini:

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

Cukup sertakan skrip berikut dan itu akan memperbarui semua "Rs" / "Rs." untukmu:

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

1
bukankah kita sedang berbicara tentang simbol Rupee baru?
ankitjaininfo

2
dan saya melihat ini tidak berfungsi pada FF 3.6 saya i.imgur.com/V8fnG.png, perbaiki.
ankitjaininfo

@Ankit yo paste gambar ?? Saya telah mencicipinya .. Anda pasti melakukan kesalahan
diEcho

Ini tidak akan berfungsi di Mozilla karena untuk beberapa alasan "keamanan" yang aneh, mereka membuat keputusan untuk hanya menampilkan font yang berasal dari domain yang sama.
PKHunter

1
webrupee.com tidak ada lagi.
Vicky Chijwani

16

Gunakan CSS ini:

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

Deklarasikan jika diperlukan seperti ini:

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

16

Silakan coba solusi berikut:

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

Ini akan ditampilkan sebagai: ₹


11

Ini akan memakan waktu lebih dari satu tahun (atau dua) untuk penerimaan universal.

  1. Konsorsium Unicode menyetujui kode karakter.
  2. Font diperbarui untuk menyertakan simbol ini
  3. Browser / OS diperbarui untuk menyertakan font baru dan hanya itu yang terlihat di setiap browser di bumi.

Membuat font khusus dengan menggunakan basis kode arbitrer dan (secara paksa) menyematkannya di setiap halaman web tidak disarankan untuk Situs Web. (untuk aplikasi desktop mungkin dapat diterima). Meskipun solusi Anda mungkin dapat diterima; Saya tidak akan menasihati hanya demi satu simbol! Memuat file font membuat halaman web lebih lambat.

Pada saat itu disarankan untuk menggunakan kumpulan ikon untuk simbol rupee. Siapkan sekumpulan ikon dengan ukuran 12x8, 16x12, 32x32 yang dapat Anda masukkan sebaris menggunakan <img>tag.

Misalnya 5000 / - (saya baru saja mengubah ukuran gambar; itu seharusnya telah diambil sampelnya kembali untuk ukuran tertentu untuk hasil yang lebih baik)

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

Catatan: Inilah yang dilakukan Wikipedia. itu menggunakan file png / svg . Cek infobox disini.


1
yah .. teman-teman saya memberi suara positif untuk saya dan saya mendapat skor 1,402! u juga pergi dan membuat frnds di SO, bukan FB. Apa yang saya jelaskan di sini adalah hal terbaik untuk dilakukan. Ada cara HTML kalau bisa baca di jawaban saya. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Tapi itu tidak bisa menjamin halaman Anda akan ditampilkan di semua browser web; bahkan itu tidak perlu ketika Anda dapat memiliki IMG! Tidak masuk akal menggunakan FILE FONT BESAR hanya untuk satu simbol. Anda ingin grafik yang dapat diskalakan - pilih SVG!
ankitjaininfo

5
dari revisi quetion ini, sepertinya Anda hanya ingin mempromosikanWebRupee
ankitjaininfo

dan sekarang saya melihat mereka bahkan memiliki halaman Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) yang dibuat beberapa hari yang lalu. pemasaran viral. meskipun solusi Anda dapat diterima. tetapi saya tidak akan menasihati hanya demi satu simbol! lebih memilih IMG.
ankitjaininfo

@Ankit: apakah menurut Anda menggunakan gambar adalah alternatif yang lebih baik?
Rakesh Juyal

@Rakesh Dapatkah Anda mencantumkan manfaat yang Anda peroleh dengan simbol font? untuk Mesin dan Manusia! Bagi manusia yang memiliki gambar vs font tidak ada bedanya. Untuk mesin yang memiliki gambar berarti lebih sedikit komputasi, lebih sedikit bandwidth, rendering halaman web lebih cepat. (argumen ini valid kecuali FONTS dengan Rs tersedia di setiap OS!)
ankitjaininfo



5

gunakan karakter unicode baru ini: &#x20b9;


3

Anda dapat melakukannya dengan API native 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

Pendekatan gambar juga tidak buruk. Hampir tidak membutuhkan 400Bytes.
Unduh dari sini http://i.stack.imgur.com/vJZ9m.png

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

Saya merasa lebih baik dari webrupee.

Untuk warna edit gambar seperti di bawah ini

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

0

Ini dapat dicari sebagai solusi sementara. Unicode telah diterima U+20B9sebagai simbol rupee India segera semua sistem akan memperbarui dirinya sendiri


6
Saya pikir "segera" agak optimis, mengingat font-nya yang harus diperbarui. Ini akan memakan waktu cukup lama.
Pekka

0

API WebRupee Tersedia Di Sini:

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

Anda juga dapat membaca detail lengkapnya di sini


0

JQUERY INR v1.2

Sebuah plug-in jQuery sederhana untuk mengkonversi Rs. ke simbol standar rupee India di seluruh halaman web. Mudah digunakan dan berangsur-angsur sederhana

Lambang Rupee India adalah lambang mata uang: ₹ untuk Rupee India, mata uang resmi India. Didesain oleh D. Udaya Kumar, itu dipresentasikan kepada publik oleh Pemerintah India pada 15 Juli 2010, [1] setelah diseleksi melalui kompetisi “terbuka” antar penduduk India. Sebelum diadopsi, simbol yang paling umum digunakan untuk rupee adalah Rs, Re atau, jika teksnya dalam bahasa India, singkatan yang sesuai dalam bahasa itu. Tanda baru ini hanya terkait dengan rupee India; negara lain yang menggunakan rupee, seperti Sri Lanka, Pakistan, dan Nepal, masih menggunakan karakter tanda rupee U + 20A8 ₨ generik. Desainnya menyerupai huruf Dewanagari "र" (ra) dan huruf kapital Latin "R", dengan garis horizontal ganda di bagian atas.

Tanam:

  1. Download "jQueryINR_v1.2.zip" dan ekstrak.
  2. salin gambar ("rupee.svg, rupee.gif") ke folder gambar Anda.
  3. cope scripts folder ke jalur proyek Anda atau salin file .js ke folder script Anda.
  4. Download "jQueryINR_v1.2.zip" dan ekstrak.
  5. salin gambar ("rupee.svg, rupee.gif") ke folder gambar Anda.
  6. cope scripts folder ke jalur proyek Anda atau salin file .js ke folder script Anda.
  7. Sertakan jQuery min dan jQuery Ui ke halaman Anda terlebih dahulu

    Misalnya: NB: gunakan jQuery versi stabil saja

  8. sertakan “indianRupee_v1.2.js” dan “indianRupee_ctrl.js” setelah pustaka jQuery misalnya:

  9. Gunakan tag Span untuk membungkus Rs di seluruh web yang akan diganti dengan simbol misalnya: Rs 1280000 / -

Sumber:

Bayar Dia Rs 1280000 / -

Bayar Dia Rs 528500 / -

Bayar Dia Rs 1250 / -

Bayar Dia Rs 1280000 / -

Hasil:

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

Opsi Plug-in:

$ ("body"). indianRupee ({target: "span", // gunakan sebagai default kita juga bisa menggunakan [p, div, h1, li dll ...] vektor: "on" // [on / off] dari [true / false] NB: {vektor tidak mendukung di Internet Explore}});


0

Ini dimungkinkan dengan kode entitas HTML sederhana .

.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


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.