How to Add India Rupee Font Symbol in Blog Posts

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

Rupee

After the Indian Government approved the new Indian currency symbol, 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.

Javascript Method to Add Rs. Rupee Font Symbol

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. Rupee font symbols on all your blog posts.

<script src="https://cdn.webrupee.com/js" type="text/javascript"></script>

CSS Method to Add Rs. Rupee Font Symbol

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

Add this CSS stylesheet

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

Wherever you want to convert the Rs. –  add the span tags and use the Webrupee class to call the CSS.

<span class="WebRupee">Rs.</span>

How do we implement Rs. Rupee Symbol on our site?

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.

We pasted the CSS and span code on selected articles like this in html format, and you can see the Rs. symbol right now working on this post.

Share with friends

5
Leave a Reply

Leave a Reply

  Subscribe  
newest oldest most voted
Notify of
Tej Kohli
Tej Kohli

That very Great advice .. I had download its Font pack and now I am using with using ` button …

Kishor
Kishor

Thanks
For The Java Script for Rs.
Its Work

Ravikumar V.
Ravikumar V.

Thank you so much it works perfectly from ie 6 to latest and firefox, chrome too. :)

Nikita Sharma
Nikita Sharma

I have tried it on my tech blog which is on blogger platform but not working .please help me

Font Convertor
Font Convertor

The India Rupee symbol is now part of the official Unicode standard.Our Indian currency Rupee got its own symbol which gives it a unique identity and differentiate it from other countries.In this post, I will learn how to easily use the Rupee symbol in your blog posts.Thanks for sharing such a wonderful blog.