Hiển thị biểu tượng tiền tệ Ấn Độ trên trang web

106

Biểu tượng này cho đồng rupee, đơn vị tiền tệ của Ấn Độ, đã được Nội các Liên minh phê duyệt vào ngày 15 tháng 7 năm 2010.

Ký hiệu tiền tệ Ấn Độ

Làm thế nào tôi có thể hiển thị nó trên một trang web?

html  currency  symbols 
— Chỉ can hoc
nguồn
3
Hấp dẫn. Lưu ý, U + 20B9 là một điểm mã chưa được gán trong Unicode 5.2 - nó đã được chấp nhận (như văn bản cho biết) để đưa vào Unicode hy vọng trong tương lai gần. Biểu tượng tìm kiếm mát mẻ. (Danh sách được chấp nhận Unicode: unicode.org/alloc/Pipeline.html )
— Thanatos
2
Kiểm tra này: toàn diện trả lời
— Ani Menon
2
— Noobscripter
— Pardeep Jain

Câu trả lời:

96

Thực thể HTML cho ký hiệu rupee Ấn Độ là ₹(₹). Sử dụng nó giống như bạn làm ©cho dấu hiệu bản quyền. Để biết thêm, hãy đọc bài viết trên Wikipedia về ký hiệu đồng rupee .

— Sanjay
nguồn
4
trình duyệt hỗ trợ những ký hiệu tiền tệ này là gì? chúng hoạt động cho đến IE7?
— SaurabhLP
1
Tôi nhận ra rằng biểu tượng rupee không xuất hiện trong một số trình duyệt. Chúng tôi có cần cài đặt tệp ttf hoặc cập nhật trình duyệt không?
— Chirag
1
Thực sự hữu ích với tôi !! 1
— imdadhusen
42

Nếu bạn đang sử dụng các biểu tượng phông chữ tuyệt vời , thì bạn có thể sử dụng cái này:

Để nhập phông chữ tuyệt vời:

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

Sử dụng:

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

sẽ hiển thị là:

Imgur

— Pratyush
nguồn
1
Tốt nhất của mình ngay cả khi máy tính không có font chữ
— RN Kushwaha
chỉ sử dụng <i class = "fa fa-INR"> </ i> 400,00 dòng của nó đủ
— Aditi K
1
Cảm ơn vì điều này, unicode tiền tệ đã bị rơi ở một trong 5 máy tính tôi đã kiểm tra nó nhưng đây là một thiết bị cứu mạng.
— mindmyweb
câu trả lời tốt nhất cho đến nay, cũng hoạt động trên bất kỳ chủ đề bootstrap nào.
— ankit suthar
19

WebRupee là một API web cho biểu tượng tiền tệ của Ấn Độ. Nó cung cấp một phương pháp đơn giản, trình duyệt chéo để sử dụng biểu tượng Rrupee trên trang web, blog của bạn hoặc bất kỳ nơi nào trên web.

Đây là một phương pháp để in biểu tượng tiền tệ của Ấn Độ:

<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

Điều này có nghĩa là nếu ai đó sao chép văn bản từ trang web của bạn và dán nó vào một nơi khác, họ sẽ thấy Rs chứ không phải một số ký tự khác hoặc trống.

Giờ đây, bạn cũng có thể sử dụng biểu tượng unicode Rupee mới - U + 20B9 INDIAN RUPEE SIGN. Nó có thể được sử dụng theo cách này:

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

Chỉ cần bao gồm tập lệnh sau và nó sẽ cập nhật tất cả các "Rs" / "Rs." cho bạn:

<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
— Chỉ can hoc
nguồn
1
không phải chúng ta đang nói về biểu tượng Rupee mới sao?
— ankitjaininfo
2
và tôi thấy điều này không hoạt động trên FF 3.6 i.imgur.com/V8fnG.png của tôi, hãy sửa nó.
— ankitjaininfo
@Ankit yu dán hình ảnh ?? tôi đã nếm trải it..u phải được thực hiện một số sai lầm
— diEcho
Điều này sẽ không hoạt động trong Mozilla vì vì một số lý do "bảo mật" kỳ lạ, họ đã đưa ra quyết định chỉ hiển thị các phông chữ từ cùng một miền.
— PKHunter
1
webrupee.com không tồn tại nữa.
— Vicky Chijwani
16

Sử dụng CSS này:

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

Khai báo nó bất cứ nơi nào được yêu cầu như sau:

<span style="font-family:rupee;font-size:20px">R</span>
— OM Sự vĩnh hằng
nguồn
16

Vui lòng thử giải pháp sau:

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

Điều này sẽ được hiển thị dưới dạng: ₹

— Abhilash
nguồn
11

Sẽ mất hơn một năm (hoặc hai) để được chấp nhận phổ biến.

  1. Tập đoàn Unicode chấp thuận mã ký tự.
  2. Phông chữ được cập nhật để bao gồm biểu tượng này
  3. Các trình duyệt / Hệ điều hành được cập nhật để bao gồm các phông chữ mới và sau đó chỉ nó được hiển thị trên mọi trình duyệt trên trái đất.

Tạo phông chữ tùy chỉnh bằng cách sử dụng cơ sở mã tùy ý và nhúng (bắt buộc) chúng vào mọi trang web không được khuyến khích đối với Trang web. (đối với các ứng dụng máy tính để bàn, nó có thể được chấp nhận). Mặc dù giải pháp của bạn có thể được chấp nhận; Tôi sẽ không khuyên chỉ vì một biểu tượng! Tải tệp phông chữ làm cho các trang web chậm hơn.

Vào thời điểm đó, người ta khuyên bạn nên sử dụng bộ biểu tượng cho biểu tượng đồng rupee. Chuẩn bị một bộ biểu tượng có kích thước 12x8, 16x12, 32x32 mà bạn có thể kết hợp trong dòng bằng cách sử dụng <img>thẻ.

Ví dụ: 5000 / - (tôi vừa thay đổi kích thước hình ảnh; nó nên được lấy mẫu lại theo kích thước đã cho để có kết quả tốt hơn)

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

Lưu ý: Đây là những gì Wikipedia làm. nó sử dụng tệp png / svg . Kiểm tra hộp thông tin ở đây.

— ankitjaininfo
nguồn
1
yah .. các bà của tôi đã ủng hộ tôi và tôi đã nhận được số điểm là 1.402! u cũng đi và làm cho frnds trên SO thay vì FB. Những gì tôi mô tả ở đây là điều tốt nhất nên làm. Có một cách HTML nếu bạn có thể đọc trong câu trả lời của tôi. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Nhưng điều đó không thể đảm bảo trang của bạn sẽ hiển thị trên tất cả các trình duyệt web; thậm chí đó là điều không cần thiết khi bạn có thể có IMG! Sẽ không hợp lý nếu chỉ sử dụng CỔ TÍCH LỚN cho một biểu tượng. Bạn muốn đồ họa có thể mở rộng - hãy chọn SVG!
— ankitjaininfo
5
từ các phiên bản của quetion này, có vẻ như bạn chỉ muốn thúc đẩy của bạnWebRupee
— ankitjaininfo
và bây giờ tôi thấy họ thậm chí có trang Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) được tạo vài ngày trước. tiếp thị lan truyền. mặc dù giải pháp của bạn có thể chấp nhận được. nhưng tôi sẽ không khuyên chỉ vì một biểu tượng! thích IMG hơn.
— ankitjaininfo
@Ankit: bạn có thực sự nghĩ rằng sử dụng hình ảnh là giải pháp thay thế tốt hơn không?
— Rakesh Juyal
@Rakesh Bạn có thể liệt kê những lợi ích mà bạn nhận được bằng ký hiệu phông chữ không? cho cả Máy móc và Con người! Đối với con người, hình ảnh và phông chữ không có gì khác biệt. Đối với máy có hình ảnh nghĩa là máy tính ít hơn, băng thông ít hơn, kết xuất trang web nhanh hơn. (lập luận này là có giá trị khi các phông chữ với Rs có sẵn trong mỗi hệ điều hành!)
— ankitjaininfo
5

sử dụng char unicode mới này: &#x20b9;

— Amol
nguồn
3

Bạn có thể làm điều đó với API gốc 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));
Mở rộng đoạn mã

— Penny Liu
nguồn
1

Cách tiếp cận hình ảnh cũng không tệ. Nó hầu như không mất 400Bytes.
Tải xuống từ đây http://i.stack.imgur.com/vJZ9m.png

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

Tôi thấy nó tốt hơn webrupee.

Đối với màu sắc, hãy chỉnh sửa hình ảnh như bên dưới

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

Đây có thể được tìm kiếm một giải pháp tạm thời. Unicode đã được chấp nhận U+20B9là biểu tượng rupee Ấn Độ sớm tất cả các hệ thống sẽ tự cập nhật

— ajay_whiz
nguồn
6
Tôi nghĩ rằng "sớm" là một chút lạc quan, vì đó là các phông chữ phải được cập nhật. Việc này sẽ tốn một lúc.
— Pekka
0

API WebRupee có sẵn tại đây: 

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

Bạn cũng có thể đọc chi tiết đầy đủ tại đây

— Jagan
nguồn
0

JQUERY INR v1.2

Một trình cắm thêm jQuery đơn giản để chuyển đổi Rs. sang biểu tượng đồng rupee tiêu chuẩn của Ấn Độ thông qua trang web. Sử dụng đơn giản và thấm nhuần đơn giản

Ký hiệu Rupee Ấn Độ là ký hiệu tiền tệ: ₹ cho đồng Rupee Ấn Độ, đơn vị tiền tệ chính thức của Ấn Độ. Được thiết kế bởi D. Udaya Kumar, nó đã được Chính phủ Ấn Độ giới thiệu ra công chúng vào ngày 15 tháng 7 năm 2010, [1] sau sự lựa chọn của nó thông qua một cuộc thi “mở” giữa các cư dân Ấn Độ. Trước khi được thông qua, các ký hiệu được sử dụng phổ biến nhất cho đồng rupee là Rs, Re hoặc, nếu văn bản bằng ngôn ngữ Ấn Độ, thì viết tắt thích hợp bằng ngôn ngữ đó. Dấu hiệu mới chỉ liên quan đến đồng rupee của Ấn Độ; các quốc gia khác sử dụng đồng rupee, chẳng hạn như Sri Lanka, Pakistan và Nepal, vẫn sử dụng ký tự đồng rupee chung U + 20A8. Thiết kế giống với cả ký tự Devanagari "र" (ra) và ký tự viết hoa Latinh "R", với một đường kẻ ngang kép ở trên cùng.

Sự thấm nhuần:

  1. Tải xuống “jQueryINR_v1.2.zip” và giải nén.
  2. sao chép hình ảnh (“rupee.svg, rupee.gif”) vào thư mục hình ảnh của bạn.
  3. chuyển thư mục script vào đường dẫn dự án của bạn hoặc sao chép các tệp .js vào thư mục script của bạn.
  4. Tải xuống “jQueryINR_v1.2.zip” và giải nén.
  5. sao chép hình ảnh (“rupee.svg, rupee.gif”) vào thư mục hình ảnh của bạn.
  6. chuyển thư mục script vào đường dẫn dự án của bạn hoặc sao chép các tệp .js vào thư mục script của bạn.

  7. Đưa jQuery min và jQuery Ui vào trang của bạn trước tiên

    ví dụ: NB: chỉ sử dụng phiên bản ổn định của jQuery

  8. bao gồm “indianRupee_v1.2.js” và “indianRupee_ctrl.js” sau thư viện jQuery, ví dụ:

  9. Sử dụng thẻ Span để bọc Rs qua web, nó sẽ thay thế bằng biểu tượng ví dụ: 1280000 Rs / -

Nguồn:

Trả cho anh ta 1280000 Rs / -

Trả cho anh ta 528500 Rs / -

Trả cho anh ta 1250 Rs / -

Trả cho anh ta 1280000 Rs / -

Kết quả:

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

Tùy chọn trình cắm:

$ ("body"). indianRupee ({target: "span", // sử dụng làm mặc định, chúng tôi cũng có thể sử dụng [p, div, h1, li etc ...] vector: "on" // [on / off] of [true / false] NB: {vector not support in Internet Explore}});

— Romy R Michael
nguồn
0

Nó có thể thực hiện được với mã thực thể HTML đơn giản .

.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
Mở rộng đoạn mã

— mặt cười
nguồn
0

cách tốt nhất là sao chép biểu tượng ₹ và dán nó.

— rubal islam
nguồn
có tham chiếu tượng trưng html cho nó không?
— Nelles
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.