{"id":322,"date":"2012-06-29T08:41:11","date_gmt":"2012-06-29T08:41:11","guid":{"rendered":"http:\/\/www.codeboss.in\/web-funda\/?p=322"},"modified":"2012-06-29T08:41:11","modified_gmt":"2012-06-29T08:41:11","slug":"how-to-display-indian-rupee-symbol-in-website-with-html-css-js","status":"publish","type":"post","link":"https:\/\/codeboss.in\/web-funda\/2012\/06\/29\/how-to-display-indian-rupee-symbol-in-website-with-html-css-js\/","title":{"rendered":"How to display Indian Rupee Symbol in Website with HTML \/ CSS \/ JS"},"content":{"rendered":"<p>We know how to display the &euro; (&amp;euro;) or &pound; (&amp;pound;) symbols easily with HTML. Lets now see how easily can we display the new Indian Rupee Symbol using HTML.<\/p>\n<p><strong>Easiest if your machine supports Unicode 6.0<\/strong><\/p>\n<p>If your machine supports Unicode 6.0 its as easy as <strong>&#x20B9; (&amp;#x20B9;)<\/strong> <\/p>\n<p>If you want to make sure that everyone can see the Indian Rupee Symbol irrespective of what their machine supports, then you can use the CSS or JS supplied by <a href=\"http:\/\/webrupee.com\/\" title=\"webrupee.com\" target=\"_blank\" rel=\"noopener\">webrupee.com<\/a>.<\/p>\n<p><strong>Using CSS<\/strong><\/p>\n<p>Place the following in the head section of your page &#8211; <\/p>\n<pre class=\"brush:html;\"><link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/cdn.webrupee.com\/font\"><\/pre>\n<p>And in the body where ever you want the Rupee Symbol write &#8211;<\/p>\n<pre class=\"brush:html;\"><span class=\"WebRupee\">Rs.<\/span><\/pre>\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/cdn.webrupee.com\/font\">\nIt should be looking like &#8211; <span class=\"WebRupee\">Rs.<\/span><\/p>\n<p><strong>Using JS<\/strong><\/p>\n<p>Include the following script in your HTML. This will automatically convert all &#8220;<span style=\"letter-spacing:-2px;\">R s<\/span>&#8221; or &#8220;<span style=\"letter-spacing:-2px;\">R s<\/span>.&#8221; into the Rupee Symbol.<\/p>\n<pre class=\"brush:js;\"><script src=\"http:\/\/cdn.webrupee.com\/js\" type=\"text\/javascript\"><\/script><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>We know how to display the &euro; (&amp;euro;) or &pound; (&amp;pound;) symbols easily with HTML. Lets now see how easily can we display the new Indian Rupee Symbol using HTML. Easiest if your machine supports Unicode 6.0 If your machine supports Unicode 6.0 its as easy as &#x20B9; (&amp;#x20B9;) If you want to make sure&hellip; <a class=\"more-link\" href=\"https:\/\/codeboss.in\/web-funda\/2012\/06\/29\/how-to-display-indian-rupee-symbol-in-website-with-html-css-js\/\">Continue reading <span class=\"screen-reader-text\">How to display Indian Rupee Symbol in Website with HTML \/ CSS \/ JS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[31,36,48],"class_list":["post-322","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-browser","tag-css","tag-html","entry"],"_links":{"self":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":0,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/322\/revisions"}],"wp:attachment":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/media?parent=322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/categories?post=322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/tags?post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}