แสดงสัญลักษณ์สกุลเงินของอินเดียบนเว็บไซต์


106

สัญลักษณ์นี้สำหรับรูปีซึ่งเป็นสกุลเงินของอินเดียได้รับการอนุมัติจากคณะรัฐมนตรีสหภาพเมื่อวันที่ 15 กรกฎาคม 2553

สัญลักษณ์สกุลเงินของอินเดีย

ฉันจะแสดงบนเว็บไซต์ได้อย่างไร?


3
น่าสนใจ. หมายเหตุ U + 20B9 เป็นจุดรหัสที่ไม่ได้กำหนดใน Unicode 5.2 - ได้รับการยอมรับ (ตามที่ระบุในข้อความ) สำหรับการรวมเข้าใน Unicode หวังว่าในอนาคตอันใกล้นี้ สัญลักษณ์ที่ดูเท่ (รายการที่ยอมรับ Unicode: unicode.org/alloc/Pipeline.html )
Thanatos

2
ตรวจสอบสิ่งนี้: คำตอบที่ครอบคลุม
Ani Menon


คำตอบ:


96

เอนทิตี HTML สำหรับเครื่องหมายรูปีของอินเดียคือ₹(₹) ใช้เหมือนที่คุณ©ทำกับป้ายลิขสิทธิ์ สำหรับข้อมูลเพิ่มเติมอ่านบทความวิกิพีเดียบนป้ายรูปี


4
สิ่งที่เบราว์เซอร์รองรับสัญญาณสกุลเงินเหล่านี้คืออะไร? พวกเขาทำงานจนถึง IE7 หรือไม่
SaurabhLP

1
ฉันตระหนักว่าสัญลักษณ์รูปีไม่ปรากฏในหลายเบราว์เซอร์ เราจำเป็นต้องติดตั้งไฟล์ ttf หรืออัปเดตเบราว์เซอร์หรือไม่?
Chirag

1
มีประโยชน์กับฉันจริงๆ !! +1
imdadhusen

42

หากคุณใช้ไอคอนแบบอักษรที่ยอดเยี่ยมคุณสามารถใช้สิ่งนี้:

ในการนำเข้าแบบอักษรที่ยอดเยี่ยม:

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

การใช้งาน:

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

จะแสดงเป็น:

Imgur


1
ดีที่สุดแม้ว่าคอมพิวเตอร์จะไม่มีแบบอักษร
RN Kushwaha

เพียงใช้ <i class = "fa fa-inr"> </i> 400.00 บรรทัดก็เพียงพอ
Aditi K

1
ขอบคุณสำหรับสิ่งนี้ที่ Unicode ของสกุลเงินล้มเหลวในหนึ่งใน 5 พีซีที่ฉันตรวจสอบแล้ว แต่นี่เป็นการช่วยชีวิต
mindmyweb

คำตอบที่ดีที่สุดจนถึงขณะนี้ยังทำงานกับธีม bootstrap ใด ๆ
ankit suthar

19

WebRupee เป็นเว็บ API สำหรับสัญลักษณ์สกุลเงินของอินเดีย มีวิธีการง่ายๆข้ามเบราว์เซอร์สำหรับการใช้สัญลักษณ์ Rrupee บนหน้าเว็บบล็อกหรือที่ใดก็ได้บนเว็บ

นี่คือวิธีการพิมพ์สัญลักษณ์สกุลเงินของอินเดีย:

<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

ซึ่งหมายความว่าหากมีผู้คัดลอกข้อความจากไซต์ของคุณและนำไปวางที่อื่นเขาจะเห็น Rs ไม่ใช่อักขระอื่นหรือว่างเปล่า

ตอนนี้คุณสามารถใช้สัญลักษณ์ยูนิโคดรูปีใหม่ - U + 20B9 INDIAN RUPEE SIGN สามารถใช้ในลักษณะนี้:

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

เพียงใส่สคริปต์ต่อไปนี้และจะอัปเดต "Rs" / "Rs" ทั้งหมด สำหรับคุณ:

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

1
เราไม่ได้พูดถึงสัญลักษณ์รูปีใหม่เหรอ?
ankitjaininfo

2
และฉันเห็นว่าสิ่งนี้ใช้ไม่ได้กับ FF 3.6 i.imgur.com/V8fnG.pngของฉันไปแก้ไข
ankitjaininfo

@Ankit yu แปะรูป ?? ฉันได้ลิ้มรสแล้ว.. คุณต้องทำผิดพลาด
diEcho

สิ่งนี้จะใช้ไม่ได้ใน Mozilla เนื่องจากเหตุผลด้าน "ความปลอดภัย" แปลก ๆ ทำให้พวกเขาตัดสินใจที่จะแสดงเฉพาะฟอนต์ที่มาจากโดเมนเดียวกัน
PKHunter

1
webrupee.com ไม่มีอีกแล้ว
Vicky Chijwani

16

ใช้ 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;
}

ประกาศทุกที่ที่ต้องการเช่นนี้:

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

16

โปรดลองวิธีแก้ไขปัญหาต่อไปนี้:

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

สิ่งนี้จะแสดงเป็น: ₹


11

จะต้องใช้เวลามากกว่าหนึ่งปี (หรือสองปี) ในการยอมรับสากล

  1. Unicode consortium อนุมัติรหัสถ่าน
  2. แบบอักษรได้รับการอัปเดตเพื่อรวมสัญลักษณ์นี้
  3. เบราว์เซอร์ / ระบบปฏิบัติการได้รับการอัปเดตเพื่อรวมแบบอักษรใหม่จากนั้นจะปรากฏเฉพาะในทุกเบราว์เซอร์บนโลก

การสร้างแบบอักษรที่กำหนดเองโดยใช้ฐานรหัสตามอำเภอใจและ (บังคับ) ฝังไว้ในทุกหน้าเว็บไม่แนะนำสำหรับเว็บไซต์ (สำหรับแอปพลิเคชันเดสก์ท็อปอาจยอมรับได้) แม้ว่าโซลูชันของคุณอาจเป็นที่ยอมรับ ฉันจะไม่แนะนำเพียงเพื่อประโยชน์ของสัญลักษณ์เดียว! การโหลดไฟล์แบบอักษรทำให้หน้าเว็บช้าลง

ตามเวลาที่แนะนำให้ใช้ชุดไอคอนสำหรับสัญลักษณ์รูปี เตรียมชุดไอคอนขนาด 12x8, 16x12, 32x32 ที่คุณสามารถรวมในบรรทัดโดยใช้<img>แท็ก

เช่น5000 / - (ฉันเพิ่งปรับขนาดรูปภาพควรได้รับการสุ่มตัวอย่างใหม่สำหรับขนาดที่กำหนดเพื่อผลลัพธ์ที่ดีขึ้น)

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

หมายเหตุ: นี่คือสิ่งที่ Wikipedia ทำ มันใช้ไฟล์png / svg ตรวจสอบกล่องข้อมูลที่นี่


1
ใช่ .. เพื่อนของฉันโหวตฉันและฉันได้คะแนน 1,402! คุณก็ไปสร้าง SO แทน FB ด้วย สิ่งที่ฉันอธิบายไว้ที่นี่คือสิ่งที่ดีที่สุดที่ควรทำ มีวิธี HTML หากคุณสามารถอ่านในคำตอบของฉัน Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.แต่นั่นไม่สามารถรับประกันได้ว่าเพจของคุณจะแสดงบนเว็บเบราว์เซอร์ทั้งหมด แม้ว่าจะไม่จำเป็นเมื่อคุณมี IMG! ไม่สมเหตุสมผลที่จะใช้ BIG FONT FILE เพียงสัญลักษณ์เดียว คุณต้องการกราฟิกที่ปรับขนาดได้ - เลือก SVG!
ankitjaininfo

5
จากการแก้ไข quetion นี้ดูเหมือนว่าคุณแค่ต้องการโปรโมตWebRupee
ankitjaininfo

และตอนนี้ฉันเห็นพวกเขายังมีหน้า Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) ที่สร้างขึ้นเมื่อไม่กี่วันก่อน การตลาดแบบปากต่อปาก แม้ว่าโซลูชันของคุณจะเป็นที่ยอมรับ แต่ฉันจะไม่แนะนำเพียงเพื่อประโยชน์ของสัญลักษณ์เดียว! ชอบ IMG
ankitjaininfo

@Ankit: คุณคิดว่าการใช้ภาพเป็นทางเลือกที่ดีกว่าจริงๆหรือ?
Rakesh Juyal

@Rakesh คุณสามารถแสดงผลประโยชน์ที่คุณได้รับด้วยสัญลักษณ์แบบอักษรได้หรือไม่? สำหรับเครื่องจักรและมนุษย์ทั้งสอง! สำหรับมนุษย์ที่มีภาพและแบบอักษรไม่แตกต่างกัน สำหรับเครื่องที่มีภาพหมายถึงการใช้คอมพิวเตอร์น้อยลงแบนด์วิดท์น้อยการแสดงผลหน้าเว็บที่เร็วขึ้น (อาร์กิวเมนต์นี้ใช้ได้เว้นแต่ว่า FONTS with Rs จะพร้อมใช้งานในทุก OS!)
ankitjaininfo





1

แนวทางภาพก็ไม่เลวเช่นกัน แทบจะไม่ต้องใช้ 400Bytes เลย
ดาวน์โหลดจากที่นี่http://i.stack.imgur.com/vJZ9m.png

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

ฉันพบว่ามันดีกว่า webrupee

สำหรับสีแก้ไขภาพด้านล่าง

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

0

สิ่งนี้สามารถหาวิธีแก้ปัญหาชั่วคราวได้ Unicode ได้รับการยอมรับU+20B9ให้เป็นสัญลักษณ์เงินรูปีของอินเดียในไม่ช้าระบบทั้งหมดจะอัปเดตเอง


6
ฉันคิดว่า "เร็ว ๆ นี้" เป็นแง่ดีเล็กน้อยเนื่องจากเป็นแบบอักษรที่ต้องได้รับการอัปเดต ขั้นตอนนี้จะใช้เวลาสักครู่
Pekka


0

JQUERY INR v1.2

ปลั๊กอิน jQuery อย่างง่ายสำหรับการแปลง Rs ไปยังสัญลักษณ์รูปีของอินเดียมาตรฐานผ่านทางหน้าเว็บ ใช้งานง่ายและติดตั้งง่าย

เครื่องหมายรูปีของอินเดียเป็นเครื่องหมายสกุลเงิน: ₹สำหรับรูปีของอินเดียซึ่งเป็นสกุลเงินอย่างเป็นทางการของอินเดีย ออกแบบโดย D. Udaya Kumar นำเสนอต่อสาธารณชนโดยรัฐบาลอินเดียเมื่อวันที่ 15 กรกฎาคม 2010 [1] หลังจากการคัดเลือกผ่านการแข่งขันแบบ "เปิด" ในหมู่ชาวอินเดีย ก่อนการนำมาใช้สัญลักษณ์ที่ใช้บ่อยที่สุดสำหรับรูปีคือ Rs, Re หรือถ้าข้อความเป็นภาษาอินเดียคำย่อที่เหมาะสมในภาษานั้น สัญญาณใหม่นี้เกี่ยวข้องกับเงินรูปีของอินเดียเท่านั้น ประเทศอื่น ๆ ที่ใช้เงินรูปีเช่นศรีลังกาปากีสถานและเนปาลยังคงใช้อักขระเครื่องหมาย U + 20A8 ₨ทั่วไป การออกแบบมีลักษณะคล้ายตัวอักษรเทวนาครี "र" (ra) และอักษรละติน "R" โดยมีเส้นแนวนอนคู่ที่ด้านบน

การปลูกฝัง:

  1. ดาวน์โหลด“ jQueryINR_v1.2.zip” และแตกไฟล์
  2. คัดลอกรูปภาพ (“ rupee.svg, rupee.gif”) ไปยังโฟลเดอร์รูปภาพของคุณ
  3. จัดการโฟลเดอร์สคริปต์ไปยังเส้นทางโครงการของคุณหรืออื่น ๆ คัดลอกไฟล์. js ไปยังโฟลเดอร์สคริปต์ของคุณ
  4. ดาวน์โหลด“ jQueryINR_v1.2.zip” และแตกไฟล์
  5. คัดลอกรูปภาพ (“ rupee.svg, rupee.gif”) ไปยังโฟลเดอร์รูปภาพของคุณ
  6. จัดการโฟลเดอร์สคริปต์ไปยังเส้นทางโครงการของคุณหรืออื่น ๆ คัดลอกไฟล์. js ไปยังโฟลเดอร์สคริปต์ของคุณ
  7. รวม jQuery min และ jQuery Ui ไว้ในเพจของคุณก่อน

    เช่น: NB: ใช้ jQuery เวอร์ชันเสถียรเท่านั้น

  8. รวม“ indianRupee_v1.2.js” และ“ indianRupee_ctrl.js” หลังไลบรารี jQuery เช่น:

  9. ใช้แท็ก Span เพื่อตัด Rs ผ่านเว็บซึ่งจะแทนที่ด้วยสัญลักษณ์เช่น: Rs 1280000 / -

ที่มา:

จ่ายให้เขา Rs 1280000 / -

จ่ายให้เขา Rs 528500 / -

จ่ายให้เขา Rs 1250 / -

จ่ายให้เขา Rs 1280000 / -

ผลลัพธ์:

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

ตัวเลือกปลั๊กอิน:

$ ("body"). indianRupee ({เป้าหมาย: "span", // ใช้เป็นค่าเริ่มต้นนอกจากนี้เรายังสามารถใช้ [p, div, h1, li ฯลฯ ... ] vector: "on" // [on / off] ของ [true / false] NB: {vector not support in Internet Explore}});


0

เป็นไปได้ด้วยรหัสเอนทิตีHTML แบบธรรมดา

.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


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.