{"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":"2026-10-07T20:00:25","modified_gmt":"2026-10-07T14:30:25","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 the Rupee Symbol (\u20b9) in Blog Posts and Websites"},"content":{"rendered":"<p>Want to show prices like \u20b9499 on your website? When the Indian Rupee symbol was approved in 2010, it was not yet part of standard fonts, so bloggers needed tricks like the WebRupee font API to <strong>add the rupee symbol in blog posts<\/strong>. Today \u20b9 is a standard Unicode character supported by every modern browser, phone and font. You can type it, paste it or use a simple HTML code. Here is how.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-63516\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts.webp\" alt=\"How to add the Indian Rupee symbol to blog posts\" width=\"1200\" height=\"630\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts.webp 1200w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts-300x158.webp 300w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts-1024x538.webp 1024w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts-150x79.webp 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/rupee-symbol-blog-posts-768x403.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><strong>Quick answer:<\/strong> Type or paste the \u20b9 character directly into your post, or use the HTML code <code>&amp;#8377;<\/code> (Unicode U+20B9). On Windows with the English (India) keyboard, press <strong>Ctrl + Alt + 4<\/strong> or <strong>AltGr + 4<\/strong>. On a Mac, use the Character Viewer (Ctrl + Cmd + Space) and search &#8220;rupee&#8221;. On phones, long-press the currency key on the symbols keyboard.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6aec50e086e42\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1a202c;color:#1a202c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1a202c;color:#1a202c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6aec50e086e42\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#HTML_codes_for_the_rupee_symbol\" >HTML codes for the rupee symbol<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#How_to_add_the_rupee_symbol_in_blog_posts_on_WordPress\" >How to add the rupee symbol in blog posts on WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#How_to_type_the_rupee_symbol_on_your_keyboard\" >How to type the rupee symbol on your keyboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#Rs_or_%E2%82%B9_which_should_you_use\" >Rs. or \u20b9: which should you use?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#What_happened_to_WebRupee_and_Rupee_fonts\" >What happened to WebRupee and Rupee fonts?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#Formatting_Indian_prices_correctly\" >Formatting Indian prices correctly<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#FAQ\" >FAQ<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#Why_does_the_rupee_symbol_show_as_a_box\" >Why does the rupee symbol show as a box?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#What_is_the_Unicode_for_the_rupee_symbol\" >What is the Unicode for the rupee symbol?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/08\/add-india-rupee-font-symbol-in-blog-posts\/#Is_%E2%82%B9_good_for_SEO\" >Is \u20b9 good for SEO?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"HTML_codes_for_the_rupee_symbol\"><\/span>HTML codes for the rupee symbol<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<table>\n<thead>\n<tr>\n<th>Method<\/th>\n<th>Code<\/th>\n<th>Result<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Decimal HTML entity<\/td>\n<td><code>&amp;#8377;<\/code><\/td>\n<td>\u20b9<\/td>\n<\/tr>\n<tr>\n<td>Hex HTML entity<\/td>\n<td><code>&amp;#x20B9;<\/code><\/td>\n<td>\u20b9<\/td>\n<\/tr>\n<tr>\n<td>CSS content<\/td>\n<td><code>content: \"\\20B9\";<\/code><\/td>\n<td>\u20b9<\/td>\n<\/tr>\n<tr>\n<td>Unicode<\/td>\n<td>U+20B9<\/td>\n<td>\u20b9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Make sure your site uses UTF-8 encoding (WordPress does by default), and the character will display correctly for everyone.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_add_the_rupee_symbol_in_blog_posts_on_WordPress\"><\/span>How to add the rupee symbol in blog posts on WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Block editor:<\/strong> type or paste \u20b9 directly into a paragraph. For prices in a table, the same works in table cells.<\/li>\n<li><strong>Classic editor:<\/strong> paste \u20b9 in the Visual tab, or switch to the Text tab and type <code>&amp;#8377;<\/code>.<\/li>\n<li><strong>WooCommerce:<\/strong> set the store currency to Indian rupee in WooCommerce, Settings, General, and the \u20b9 symbol appears automatically on all prices.<\/li>\n<li><strong>Theme or plugin code:<\/strong> use <code>&amp;#8377;<\/code> in PHP templates to avoid encoding problems in older files.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_to_type_the_rupee_symbol_on_your_keyboard\"><\/span>How to type the rupee symbol on your keyboard<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Windows:<\/strong> add the English (India) keyboard in Settings, then Time and language, then Language and region. Then press Ctrl + Alt + 4 or AltGr + 4. Our full guide shows how to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2011\/07\/type-indian-rupee-symbol-with-keyboard-key\/\">type the Indian rupee symbol with a keyboard<\/a>.<\/li>\n<li><strong>Mac:<\/strong> open the Character Viewer with Ctrl + Cmd + Space and search &#8220;rupee&#8221;, or add the Indian keyboard layout.<\/li>\n<li><strong>Android and iPhone:<\/strong> switch to the symbols keyboard and long-press the $ key to choose \u20b9. Gboard set to English (India) often shows \u20b9 directly.<\/li>\n<li><strong>Microsoft Word:<\/strong> type <code>20B9<\/code> then press Alt + X.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Rs_or_%E2%82%B9_which_should_you_use\"><\/span>Rs. or \u20b9: which should you use?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Use \u20b9 for prices on websites, apps and invoices; it is short, official and instantly recognised. &#8220;Rs.&#8221; or &#8220;INR&#8221; is still useful in plain-text emails, SMS and places where special characters might break. For international readers, &#8220;INR&#8221; is clearest, for example &#8220;INR 1,999 (about US$24)&#8221;. Whatever you choose, be consistent across your site.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_happened_to_WebRupee_and_Rupee_fonts\"><\/span>What happened to WebRupee and Rupee fonts?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In 2010 we added the WebRupee JavaScript and CSS API to QOT so &#8220;Rs.&#8221; showed as the new symbol, and shared ways to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2010\/07\/download-free-indian-rupee-font\/\">download a free Indian Rupee font<\/a>. These were stopgaps before the symbol joined Unicode 6.0 in late 2010. The WebRupee service no longer works, so remove any old webrupee scripts or stylesheets from your theme; they slow pages and can cause errors. Read the story of the <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2011\/07\/type-indian-rupee-symbol-with-keyboard-key\/\">new Indian Rupee symbol<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Formatting_Indian_prices_correctly\"><\/span>Formatting Indian prices correctly<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Put the \u20b9 symbol before the number with no space, as in \u20b91,499. Indian websites often use the lakh and crore grouping, such as \u20b91,50,000 for one and a half lakh, while international audiences expect \u20b9150,000. Pick the style your readers know best. Avoid writing both &#8220;Rs.&#8221; and \u20b9 together, and do not add a trailing &#8220;\/-&#8221; on websites; it is a habit from handwritten cheques that looks dated online. When you add a rupee symbol in blog posts about deals or product reviews, also mention the date, since prices change quickly.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Why_does_the_rupee_symbol_show_as_a_box\"><\/span>Why does the rupee symbol show as a box?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The device&#8217;s font lacks the character, which only happens on very old systems. Updating the operating system fixes it.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_is_the_Unicode_for_the_rupee_symbol\"><\/span>What is the Unicode for the rupee symbol?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>U+20B9, written in HTML as &amp;#8377; or &amp;#x20B9;.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is_%E2%82%B9_good_for_SEO\"><\/span>Is \u20b9 good for SEO?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes. Search engines understand \u20b9 as the Indian rupee, so prices are read correctly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to show prices like \u20b9499 on your website? When the Indian Rupee symbol was approved in 2010, it was&#8230;<\/p>\n","protected":false},"author":4,"featured_media":63516,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"default","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_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","has-post-thumbnail","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":1,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/14649\/revisions"}],"predecessor-version":[{"id":63517,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/14649\/revisions\/63517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/63516"}],"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}]}}