title: Rupee symbol in HTML
body: <p>I have few doubts regarding CSS while i implimenting rupee symbol in my asp.net webpage:</p>
  
  <p>Below is my code :</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="container"&gt;&lt;span&gt;Rs.&lt;/span&gt; 5000&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>@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 &gt; body.WebRupee {
      margin-right:2px;
  }
  html &gt; body.WebRupee {
      *margin-right:0;
  }
  #container {
      width:500px;
      margin:50pxauto;
  }
  </code></pre>
  
  <p>I want to get the rupee symbol in asp.net webpage..is there anything missing here?</p>
  
  <p>This is the url which i referenced:</p>
  
  <p><a href="http://www.design2core.com/myblog/css/how-to-use-new-indian-rupee-symbolwebrupee-on-your-webpage-or-blog" rel="nofollow">Click here</a></p>
  
  <p>Do i need to install anything in my system..?</p>
  
  <p>Will it available for all users where my webiste used throught the world without installing anything in users(their) system?</p>
  
  <p>Can I append the already existing CSS file(which is used for other div tags in my same html file where i using rupee symbol)
  with the above code? in that case do i need to change the name in css and id in html #container to 
  something else as i already have #container there?</p>
  
  <p>I didnt see the above part over #container in CSS </p>
  
  <p>:ie </p>
  
  <pre><code>@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&gt;body.WebRupee{margin-right:2px;}
  html&gt;body.WebRupee{*margin-right:0;}
  </code></pre>
  
  <p>not revefenced for DIV in html ..is it like that or do i need to make it inside a class</p>
  
  <p>should it be something like this ..</p>
  
  <pre><code>.rupee
  {
  
  @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&gt;body.WebRupee{margin-right:2px;}
  html&gt;body.WebRupee{*margin-right:0;}
  }
  </code></pre>
  
  <p>and i can call it like ..</p>
  
  <pre><code>&lt;div id="container" class = "rupee"&gt;&lt;span&gt;Rs.&lt;/span&gt; 5000&lt;/div&gt;
  </code></pre>
  
  <p>What actually the difference between .rupee and #rupee??</p>
  
  <p>Thanks for help in advance!!</p>