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?

html currency symbols Baru belajar
sumber
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
2
Periksa ini: Jawaban Komprehensif
Ani Menon
2
Kemungkinan duplikat dari kotak persegi panjang kosong ditampilkan sebagai pengganti simbol rupee dalam HTML
Noobscripter
w3schools.com/charsets/tryit.asp?filename=8377
Pardeep Jain

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 .

Sanjay
sumber
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

Pratyush
sumber
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>
Baru belajar
sumber
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>
OM Keabadian
sumber
16

Silakan coba solusi berikut:

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

Ini akan ditampilkan sebagai: ₹

Abhilash
sumber
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.

ankitjaininfo
sumber
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
10

Cukup ketik <del>&#2352;</del> di halaman web Anda.

harry patel
sumber
4
ini bukan simbol Rs
anglimasS
7

Ada dua kode entitas html: &#x20b9; &#8377;

Shiv Kumar Sah
sumber
5

gunakan karakter unicode baru ini: &#x20b9;

Amol
sumber
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));
Luaskan cuplikan

Penny Liu
sumber
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;
}
rajesh_kw
sumber
0

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

ajay_whiz
sumber
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

Jagan
sumber
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}});

Romy R Michael
sumber
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
Luaskan cuplikan

wajah tersenyum
sumber
0

cara terbaik salin simbol $ dan tempel.

rubal islam
sumber
apakah ada referensi simbolik html untuk itu?
Nelles