웹 사이트에 인도 통화 기호 표시


106

인도의 통화 인 루피를 상징하는이 기호는 2010 년 7 월 15 일 연방 내각의 승인을 받았습니다.

인도 통화 기호

웹 사이트에 어떻게 표시 할 수 있습니까?


3
흥미 롭군. U + 20B9는 유니 코드 5.2에서 할당되지 않은 코드 포인트입니다. (텍스트에서 알 수 있듯이) 가까운 장래에 유니 코드에 포함되도록 허용되었습니다. 멋진 찾고 상징. (유니 코드 허용 목록 : unicode.org/alloc/Pipeline.html )
Thanatos

2
이것을 확인하십시오 : 포괄적 인 답변
Ani Menon


답변:


96

인도 루피 기호의 HTML 엔티티는 ₹(₹)입니다. ©저작권 기호에 사용하는 것처럼 사용하십시오 . 자세한 내용 은 루피 기호에 대한 Wikipedia의 기사를 참조하십시오 .


4
이 통화 기호의 브라우저 지원은 무엇입니까? IE7까지 작동합니까?
SaurabhLP 2013-04-12

1
루피 기호가 여러 브라우저에 나타나지 않는다는 것을 깨달았습니다. ttf 파일을 설치하거나 브라우저를 업데이트해야합니까?
Chirag 2013-06-09

1
나에게 정말 유용합니다 !! +1
imdadhusen 2013

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
이것에 대해 감사드립니다 내가 그것을 체크인 한 5 pc 중 하나에서 통화 유니 코드가 추락했지만 이것은 생명의 은인이었습니다.
mindmyweb

지금까지 최고의 답변이며 모든 부트 스트랩 테마에서 작업합니다.
ankit suthar 2011

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 2010-08-30

2
내 FF 3.6 i.imgur.com/V8fnG.png 에서 작동하지 않는 것으로 나타 났습니다 .
ankitjaininfo 2010-08-30

@Ankit yu 붙여 넣기 이미지 ?? 나는 it..u 몇 가지 실수를하고해야 맛 보았습니다
diEcho

이상한 "보안"이유로 인해 동일한 도메인의 글꼴 만 표시하기로 결정했기 때문에 Mozilla에서는 작동하지 않습니다.
PKHunter 2013

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 년 (또는 2 년) 이상 걸릴 것입니다.

  1. 유니 코드 컨소시엄이 문자 코드를 승인합니다.
  2. 이 기호를 포함하도록 글꼴이 업데이트되었습니다.
  3. 새 글꼴을 포함하도록 브라우저 / OS가 업데이트 된 다음 지구상의 모든 브라우저에서 볼 수 있습니다.

임의의 코드 기반을 사용하여 사용자 지정 글꼴을 만들고 (강제적으로) 모든 웹 페이지에 포함하는 것은 웹 사이트에 권장되지 않습니다. (데스크톱 응용 프로그램의 경우 허용 될 수 있습니다). 귀하의 솔루션이 수용 가능할 수 있지만; 나는 단지 하나의 상징을 위해 조언하지 않을 것입니다! 글꼴 파일을로드하면 웹 페이지가 느려집니다.

루피 기호에 아이콘 세트 를 사용하는 것이 좋습니다 . <img>태그를 사용하여 인라인으로 통합 할 수있는 크기가 12x8, 16x12, 32x32 인 아이콘 세트를 준비합니다 .

예 : 5000 /-(방금 이미지 크기를 조정했습니다. 더 나은 결과를 위해 주어진 크기에 맞게 다시 샘플링해야 함)

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

참고 : 이것이 Wikipedia가하는 일입니다. png / svg 파일을 사용 합니다. 여기 에서 정보 상자를 확인 하십시오.


1
yah .. 내 친구가 나를 찬성했고 1,402 점을 받았습니다! 너도 가서 FB 대신 SO에서 frnds를 만드십시오. 내가 여기서 설명한 것은 오히려 최선의 방법입니다. 내 대답을 읽을 수 있다면 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 2010-08-30

5
이 quetion의 개정에서, 당신은 당신의 홍보 싶었처럼 보인다WebRupee
ankitjaininfo

그리고 이제 그들은 며칠 전에 만들어진 Wiki 페이지 ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) 도 가지고 있습니다 . 바이러스 성 마케팅. 귀하의 솔루션이 허용 가능하지만. 그러나 나는 단지 하나의 상징을 위해 조언하지 않을 것입니다! IMG를 선호합니다.
ankitjaininfo 2010-08-30

@Ankit : 정말로 이미지를 사용하는 것이 더 나은 대안이라고 생각하십니까?
Rakesh Juyal

@Rakesh 글꼴 기호로 얻을 수있는 이점을 나열 할 수 있습니까? 기계와 인간 모두를 위해! 이미지와 글꼴을 가진 인간에게는 차이가 없습니다. 이미지가있는 컴퓨터의 경우 컴퓨팅, 대역폭, 웹 페이지 렌더링 속도가 줄어 듭니다. (이 인수는 Rs가있는 FONTS가 모든 OS에서 사용 가능하지 않는 한 유효합니다!)
ankitjaininfo



5

이 새로운 유니 코드 문자를 사용하십시오. &#x20b9;


3

Intl.NumberFormat 네이티브 API로 할 수 있습니다 .

var number = 123456.78;

// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(number));


1

이미지 접근 방식도 나쁘지 않습니다. 400Bytes가 거의 걸리지 않습니다.
여기에서 다운로드 http://i.stack.imgur.com/vJZ9m.png

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

글쎄, 나는 웹 루피보다 낫다는 것을 알았다.

색상의 경우 아래와 같이 이미지를 편집하십시오.

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

0

이것은 임시 해결책을 모색 할 수 있습니다. 유니 코드는 U+20B9곧 모든 시스템이 자체적으로 업데이트됩니다.


6
"곧"은 업데이트해야하는 글꼴 이기 때문에 약간 낙관적이라고 생각 합니다. 시간이 좀 걸립니다.
Pekka

0

WebRupee API 사용 가능 :

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

여기에서 자세한 내용을 읽을 수도 있습니다.


0

JQUERY INR v1.2

변환 Rs를위한 간단한 jQuery 플러그인. 웹 페이지를 통해 표준 인도 루피 기호로. 사용이 간편하고 주입이 간편합니다.

인도 루피 기호는 통화 기호입니다. 인도의 공식 통화 인 인도 루피는 ₹입니다. D. Udaya Kumar가 디자인 한이 제품은 2010 년 7 월 15 일 인도 정부가 [1] 인도 주민들 사이의 "공개"경쟁을 통해 선정 된 후 대중에게 공개되었습니다. 채택되기 전에 루피에 가장 일반적으로 사용되는 기호는 Rs, Re 또는 텍스트가 인도 언어 인 경우 해당 언어의 적절한 약어였습니다. 새 기호는 오로지 인도 루피와 관련이 있습니다. 스리랑카, 파키스탄 및 네팔과 같이 루피를 사용하는 다른 국가에서는 여전히 일반 U + 20A8 ₨ 루피 기호 문자를 사용합니다. 디자인은 Devanagari 문자 "र"(ra) 및 라틴 대문자 "R"과 비슷하며 상단에 이중 수평선이 있습니다.

점안 :

  1. “jQueryINR_v1.2.zip”을 다운로드하고 압축을 풉니 다.
  2. 이미지 ( "rupee.svg, rupee.gif")를 이미지 폴더에 복사합니다.
  3. cope scripts 폴더를 프로젝트 경로에 복사하거나 .js 파일을 스크립트 폴더에 복사하십시오.
  4. “jQueryINR_v1.2.zip”을 다운로드하고 압축을 풉니 다.
  5. 이미지 ( "rupee.svg, rupee.gif")를 이미지 폴더에 복사합니다.
  6. cope scripts 폴더를 프로젝트 경로에 복사하거나 .js 파일을 스크립트 폴더에 복사하십시오.
  7. 먼저 페이지에 jQuery min 및 jQuery Ui 포함

    예 : NB : jQuery 안정 버전 만 사용

  8. jQuery 라이브러리 뒤에 "indianRupee_v1.2.js"및 "indianRupee_ctrl.js"를 포함합니다. 예 :

  9. Span 태그를 사용하여 웹을 통해 R을 래핑하면 다음과 같은 기호로 바뀝니다. Rs 1280000 /-

출처:

그에게 Rs 1280000 /-지불

그에게 Rs 528500 /-지불

그에게 Rs 1250 /-지불

그에게 Rs 1280000 /-지불

결과:

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

플러그인 옵션 :

$ ( "body"). indianRupee ({targets : "span", // 기본값으로 사용 [p, div, h1, li etc ...] vector : "on"// [on / off] of [true / false] NB : {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


0

가장 좋은 방법은 ₹ 기호를 복사하여 붙여 넣는 것입니다.


그래도 html 기호 참조가 있습니까?
Nelles
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.