एक वेबसाइट पर भारतीय मुद्रा प्रतीक प्रदर्शित करना


106

रुपये के लिए यह प्रतीक, भारत की मुद्रा को केंद्रीय मंत्रिमंडल द्वारा 15 जुलाई 2010 को अनुमोदित किया गया था।

भारतीय मुद्रा प्रतीक

मैं इसे एक वेबसाइट पर कैसे प्रदर्शित कर सकता हूं?


3
दिलचस्प। ध्यान दें, U + 20B9 यूनिकोड 5.2 में एक अप्रकाशित कोड बिंदु है - इसे निकट भविष्य में यूनिकोड में शामिल किए जाने के लिए (पाठ संकेत के रूप में) स्वीकार किया गया है। शांत दिखने वाला प्रतीक। (यूनिकोड स्वीकृत सूची: unicode.org/alloc/Pipeline.html )
थानातोस

2
इसकी जाँच करें: व्यापक उत्तर
एनी मेनन


जवाबों:


96

भारतीय रुपये के साइन के लिए HTML इकाई ₹( Indian ) है। ©कॉपीराइट साइन के लिए आप इसका उपयोग करें। अधिक के लिए, रुपये के संकेत पर विकिपीडिया का लेख पढ़ें ।


4
इन मुद्रा संकेतों का ब्राउज़र समर्थन क्या है? क्या वे IE7 तक काम करते हैं?
सौरभपील

1
मुझे महसूस हुआ कि रुपए का प्रतीक कई ब्राउज़रों में दिखाई नहीं देता है। क्या हमें एक ttf फ़ाइल स्थापित करने या ब्राउज़र को अपडेट करने की आवश्यकता है?
चिराग

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 कुशवाहा

बस <i class = "fa fa-inr"> </ i> 400.00 लाइन अपनी पर्याप्त
अदिति के

1
इसके लिए धन्यवाद मुद्रा एक यूनिकोड 5 पीसी में से एक में दुर्घटनाग्रस्त हो गया, मैंने इसे चेक किया लेकिन यह एक जीवन रक्षक था।
mindmyweb

अब तक का सबसे अच्छा जवाब, किसी भी बूटस्ट्रैप थीम पर काम करना।
अंकित सुथार

19

WebRupee भारतीय मुद्रा प्रतीक के लिए एक वेब एपीआई है। यह आपके वेबपेज, ब्लॉग या वेब पर कहीं भी रूरी प्रतीक का उपयोग करने के लिए एक सरल, क्रॉस ब्राउज़र विधि प्रदान करता है।

भारतीय मुद्रा प्रतीक को छापने की एक विधि इस प्रकार है:

<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

इसका मतलब यह है कि यदि कोई व्यक्ति आपकी साइट से पाठ कॉपी करता है और इसे कहीं और चिपकाता है, तो वह रु। नहीं बल्कि कुछ अन्य या रिक्त वर्ण देखेगा।

अब आप नए रुपये यूनिकोड प्रतीक - U + 20B9 INDIAN RUPEE SIGN का भी उपयोग कर सकते हैं। इसे इस तरीके से इस्तेमाल किया जा सकता है:

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

बस निम्नलिखित स्क्रिप्ट शामिल करें और यह सभी "रु" / "रु" को अपडेट करेगा। तुम्हारे लिए:

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

1
क्या हम नए रुपए के प्रतीक के बारे में बात नहीं कर रहे हैं?
ankitjaininfo

2
और मुझे लगता है कि यह मेरे FF 3.6 i.imgur.com/V8fnG.png पर काम नहीं करता है इसे ठीक करें।
ankitjaininfo

@Ankit यू चिपकाने वाली छवि ?? मैंने इसे चखा है..मैं कुछ गलती कर रहा हूँ
diEcho

यह मोज़िला में काम नहीं करेगा क्योंकि कुछ अजीब "सुरक्षा" कारण के लिए, उन्होंने केवल फोंट दिखाने का निर्णय लिया जो एक ही डोमेन से हैं।
PKHunter

1
webrupee.com किसी भी अधिक मौजूद नहीं है।
विक्की चिजवानी

16

इस सीएसएस का प्रयोग करें:

@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. यूनिकोड कंसोर्टियम चार-कोड को मंजूरी देता है।
  2. इस प्रतीक को शामिल करने के लिए फ़ॉन्ट अपडेट किए गए हैं
  3. नए फ़ॉन्ट को शामिल करने के लिए ब्राउज़र / OS अपडेट किए जाते हैं और तब यह धरती के हर ब्राउज़र पर दिखाई देता है।

मनमाने ढंग से कोड-बेस और (जबरदस्ती) का उपयोग करके कस्टम फोंट बनाना उन्हें हर वेब-पेज में एम्बेड करना वेबसाइट के लिए हतोत्साहित करता है। (डेस्कटॉप अनुप्रयोगों के लिए यह स्वीकार्य हो सकता है)। यद्यपि आपका समाधान स्वीकार्य हो सकता है; मैं सिर्फ एक प्रतीक के लिए सलाह नहीं दूंगा! फ़ॉन्ट फ़ाइल लोड करने से वेब-पेज धीमा हो जाता है।

जब तक रुपये के प्रतीक के लिए आइकन-सेट का उपयोग करने की सलाह दी जाती है । 12x8, 16x12, 32x32 आकार के साथ माउस का एक सेट तैयार करें जिसे आप <img>टैग का उपयोग करके इन-लाइन शामिल कर सकते हैं ।

उदाहरण के लिए 5000 / - (मैंने केवल छवि का आकार बदल दिया है; इसे बेहतर परिणामों के लिए दिए गए आकार के लिए फिर से नमूना लेना चाहिए था)

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

नोट: यह विकिपीडिया करता है। यह png / svg फ़ाइल का उपयोग करता है । यहाँ infobox की जाँच करें।


1
yah .. मेरे frnds ने मुझे उकसाया और मुझे 1,402 का स्कोर मिला! यू भी जाओ और एफबी के बजाय एसओ पर फ्रिज बनाते हैं। मैंने यहां जो कुछ भी बताया है, वह सबसे अच्छा है। एक HTML तरीका है यदि आप मेरे उत्तर में पढ़ सकते हैं। Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.लेकिन यह गारंटी नहीं दे सकता कि आपका पृष्ठ सभी वेब ब्राउज़र पर प्रदर्शित होगा; यहां तक ​​कि जब आप IMG कर सकते हैं तो यह एक अनावश्यक है! यह सिर्फ एक प्रतीक के लिए बड़े फॉलेट फ़ाइल का उपयोग करने के लिए समझ में नहीं आता है। आप स्केलेबल ग्राफिक चाहते हैं - एसवीजी चुनें!
ankitjaininfo

5
इस quetion के संशोधन से, लगता है जैसे आप सिर्फ अपने को बढ़ावा देना चाहते थेWebRupee
ankitjaininfo

और अब मैं देखता हूं कि उनके पास कुछ दिन पहले बनाए गए विकी पेज ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) भी हैं । संक्रामक विपणन। यद्यपि आपका समाधान स्वीकार्य है। लेकिन मैं सिर्फ एक प्रतीक के लिए सलाह नहीं देंगे! IMG पसंद करते हैं।
ankitjaininfo

@Ankit: क्या आपको वास्तव में लगता है कि छवि का उपयोग करना बेहतर विकल्प है?
राकेश जुयाल

@ राकेश क्या आप एक फॉन्ट सिंबल के साथ लाभ प्राप्त कर सकते हैं? मशीनों और इंसानों दोनों के लिए! छवि बनाम फ़ॉन्ट वाले मनुष्यों के लिए कोई अंतर नहीं है। इमेज वाली मशीनों के लिए कम कंप्यूटिंग, कम बैंडविड्थ, तेज़ वेबपेज रेंडरिंग का मतलब है। (यह तर्क तब तक वैध है जब तक कि रुपये के साथ FONTS हर 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

यह एक अस्थायी समाधान की मांग की जा सकती है। यूनिकोड ने U+20B9भारतीय रुपये के प्रतीक के रूप में स्वीकार किया है जल्द ही सभी सिस्टम खुद को अपडेट करेंगे


6
मुझे लगता है कि "जल्द ही" थोड़ा आशावादी है, यह देखते हुए कि यह फोंट है जिसे अपडेट करना है। इसमें कुछ समय लग जाएगा।
पेकका

0

WebRupee API यहां उपलब्ध है:

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

आप यहां पूरा विवरण भी पढ़ सकते हैं


0

JQUERY INR v1.2

रुपये के लिए एक साधारण jQuery प्लग-इन। वेब पेज के माध्यम से भारतीय रुपए के प्रतीक को मानक बनाना। उपयोग करने के लिए सरल और सरल टपकाना

भारतीय रुपया चिन्ह मुद्रा संकेत है: the भारतीय रुपये के लिए, भारत की आधिकारिक मुद्रा। डी। उदय कुमार द्वारा डिज़ाइन किया गया, इसे 15 जुलाई 2010 को भारत सरकार द्वारा जनता के सामने प्रस्तुत किया गया था, [1] भारतीय निवासियों के बीच एक "खुली" प्रतियोगिता के माध्यम से इसके चयन के बाद। इसके अपनाने से पहले, रुपये के लिए सबसे अधिक इस्तेमाल किए जाने वाले प्रतीक रुपये थे, रे या, यदि पाठ भारतीय भाषा में था, तो उस भाषा में एक उपयुक्त संक्षिप्त नाम। नया संकेत पूरी तरह से भारतीय रुपये से संबंधित है; अन्य देश जो एक रुपये का उपयोग करते हैं, जैसे कि श्रीलंका, पाकिस्तान और नेपाल, अभी भी जेनेरिक U + 20A8। रुपये के हस्ताक्षर चरित्र का उपयोग करते हैं। डिजाइन देवनागरी अक्षर "र" (आरए) और लैटिन कैपिटल लेटर "आर" दोनों से मिलता जुलता है, जिसमें शीर्ष पर एक डबल क्षैतिज रेखा है।

टपकाना:

  1. "JQueryINR_v1.2.zip" डाउनलोड करें और निकालें।
  2. अपने छवियों फ़ोल्डर में छवियों ("रुपये, रुपये, रुपया") की प्रतिलिपि बनाएँ।
  3. अपने प्रोजेक्ट पथ पर स्क्रिप्ट फ़ोल्डर का सामना करें या फिर .js फ़ाइलों को अपने स्क्रिप्ट फ़ोल्डर में कॉपी करें।
  4. "JQueryINR_v1.2.zip" डाउनलोड करें और निकालें।
  5. अपने छवियों फ़ोल्डर में छवियों ("रुपये, रुपये, रुपया") की प्रतिलिपि बनाएँ।
  6. अपने प्रोजेक्ट पथ पर स्क्रिप्ट फ़ोल्डर का सामना करें या फिर .js फ़ाइलों को अपने स्क्रिप्ट फ़ोल्डर में कॉपी करें।
  7. पहले अपने पेज पर jQuery मिनट और jQuery यूआई शामिल करें

    उदाहरण के लिए: NB: केवल jQuery के स्थिर संस्करण का उपयोग करें

  8. jQuery लाइब्रेरी के बाद "indianRupee_v1.2.js" और "indianRupee_ctrl.js" शामिल करें जैसे:

  9. वेब के माध्यम से रुपये को लपेटने के लिए स्पैन टैग का उपयोग करें यह प्रतीक के साथ बदल देगा जैसे: 1280000 / -

स्रोत:

वेतन उसे 1280000 / - रु।

वेतन उन्हें 528500 / - रु।

वेतन उसे 1250 / - रु।

वेतन उसे 1280000 / - रु।

परिणाम:

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

प्लग-इन विकल्प:

$ ("बॉडी")। indianRupee ({लक्ष्य: "स्पान", // डिफ़ॉल्ट के रूप में उपयोग करें हम [p, div, h1, li etc ...] वेक्टर: "on" // [on / off] का भी उपयोग कर सकते हैं। [सत्य / असत्य] NB: {वेक्टर इंटरनेट सपोर्ट में समर्थन नहीं}});


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


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.