{"id":14649,"date":"2010-08-13T22:26:06","date_gmt":"2010-08-13T16:56:06","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=14649"},"modified":"2020-05-24T10:31:22","modified_gmt":"2020-05-24T05:01:22","slug":"add-india-rupee-font-symbol-in-blog-posts","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/","title":{"rendered":"How to Add India Rupee Font Symbol in Blog Posts"},"content":{"rendered":"

I am sure you want to insert the new India Rupee font symbols Rs.<\/span> in your WordPress blog posts. You can download Rupee font<\/a> or use the Rupee font installer<\/a>, and it would display well in your Microsoft Word documents, but if you try the same in your blog posts it would not work.<\/p>\n

\"Rupee\"After the Indian Government approved the new Indian currency symbol<\/a>, many services are actively working to integrate the rupee font online. WebRupee has introduced a Web API for the Rupee symbol font which provides a simple, cross browser method for using the Rupee symbol on your webpage, blog or anywhere on the web.<\/p>\n

Javascript Method to Add Rs.<\/span> Rupee Font Symbol<\/h3>\n

This the best automated method. Simply cut and paste the javascript code below to your website footer file and it will convert ALL Rs symbols to Rs.<\/span> Rupee font symbols on all your blog posts.<\/p>\n

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

CSS Method to Add Rs.<\/span> Rupee Font Symbol<\/h3>\n

If javascript is not your style, then simply cut and paste the stylesheet code below to your website <head> area and it will convert all Rs symbols to Rupee font symbols wherever the span tags are found around the Rs text<\/p>\n

Add this CSS stylesheet<\/p>\n

<link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/cdn.webrupee.com\/font\"><\/code><\/p>\n

Wherever you want to convert the Rs. – \u00a0add the span tags and use the Webrupee class to call the CSS.<\/p>\n

<span class=\"WebRupee\">Rs.<\/span><\/code><\/p>\n

How do we implement Rs.<\/span> Rupee Symbol on our site?<\/h3>\n

Since we have limited use of the Rupee symbol on our WordPress blog, we don’t want to load javascript or call external stylesheets on all pages.<\/p>\n

We pasted the CSS and span code on selected articles like this in html format, and you can see the Rs.<\/span> symbol right now working on this post.<\/p>\n","protected":false},"excerpt":{"rendered":"

I am sure you want to insert the new India Rupee font symbols Rs. in your WordPress blog posts. You…<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[24,49],"class_list":["post-14649","post","type-post","status-publish","format-standard","hentry","category-blogging","tag-india","tag-tutorials"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/14649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=14649"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/14649\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=14649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=14649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=14649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}