Monday, June 18, 2012

Create Rupee symbol using CSS


1. HTML Part

<div><span>Rs.</span> 5000</div>
You need to attach a css file.


2. CSS Part
@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
.WebRupee{font-family:’WebRupee’;}
html>body.WebRupee{margin-right:2px;}
html>body.WebRupee{*margin-right:0;}



Please add below fonts in same CSS folder

Download Rupee Fonts

No comments:

Post a Comment