Monday, July 19, 2010

Use the new symbol for the Indian Rupee already

I was able to spend some time last weekend to come up with the CSS to allow me to start using start using the new symbol for the Indian Rupee on websites. There were mentions of blogs that had to font available for download, and it was not much to convert it to a form to be used by the websites.
The project is hosted on Github and details on using it are available at http://axemclion.github.com/rupee/.

To start using the symbol, simply include the CSS file available at http://axemclion.github.com/rupee/rupee.css. Then, add the HTML tag <span style="font-family: rupee;">R&;lt;/span>at all the places where the symbol is to be inserted. The CSS file is around 8 KB and has the font embedded inside it. For IE, the fallback URL of the EOT file is specified to render it correctly. This CSS file was generated using Font Squirrel using the font here. Font Squirrel was used with Custom Subsetting and only "R" was included in the file to reduce the size of the CSS.

It becomes interesting to see how existing Indian sites look with the new symbol. You can find some screen shots here.
I also created a bookmarklet and a greasemonkey script that would replace all "INR" and "Rs." on existing web pages to give a feel of how the pages will look with the new symbol.

Tested on Firefox 3.6, IE 8 and Chrome5.

4 comments:

  1. RTI Activists Exposed Violation of Guidelines in “Indian Rupee Symbol” Design Competition

    Saveindianrupeesymbol.org

    # Non-eligible candidate was shortlisted in top five finalists. As candidate had submitted four designs.
    # One finalist was in contact with Finance Ministry and RBI prior to competition.
    # Design concept or brief was not put in front of jury along with Indian Rupee symbol design.
    # No marks or grades were allotted to selected (2644) candidates design entries, in the process of shortlisting top five finalist design entries.
    # Jury had spends less than 20 seconds on each design entries to analyze it .
    # Three jury member were absent in two days long meeting dated 29th Sept. and 30th Sept. 2009.
    # One jury member from Ministry of Culture was absent on the day of final presentation.
    # All seven jury member had never meet in this whole selection process in any given time.
    # No records are available with Finance Ministry which could indicated, how many total design entries Finance Ministry had received ?

    ReplyDelete
  2. http://shubhamshastri.blogspot.com/2010/07/rupee-font-created-by-indus.html
    u can download it..
    IndusRupee : Rupee Symbol Font for Computer & Mobile Phone, Created.

    ReplyDelete
  3. Hi Parashuram, I placed ruppee.css in my server and followed the rest of the steps. Its working fine in Firefox and safari, but not working in IE 7, 8. Here, its showing R instead of the new symbol. I think I am missing some other changes. Please help me.

    ReplyDelete
  4. @ananymous, IE required EOT fonts. The best way for that would be to get the font using typekit and use it for IE.

    ReplyDelete