Empty rectanglar box is displayed instead of the rupee symbol in HTML

by

Some of the browsers/OS don’t support rupee symbol ₹ yet.

Fixes:

  1. You may use a CSS font which supports it to use the symbol. 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<i class="fa fa-inr"></i>

  2. Use similar symbol: <del>&#2352;</del> => र

  3. Try &#8377; => ₹

  4. Use an image(bad solution but works): <img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10"> =>

More Related Contents:

  1. Can't remove text decoration
  2. Bootstrap height
  3. What are the implications of using “!important” in CSS? [duplicate]
  4. Which HTML elements can receive focus?
  5. How to remove the arrow from a select element in Firefox
  6. How to create a checkbox with a clickable label?
  7. How to save CSS changes of Styles panel of Chrome Developer Tools?
  8. Alternative to iFrames with HTML5
  9. Why is vertical-align: middle not working on my span or div?
  10. Maintain image aspect ratio when changing height
  11. How to disable Google translate from HTML in Chrome
  12. HTML5 drag and drop file upload to Java Servlet
  13. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  14. White space showing up on right side of page when background image should extend full length of page [closed]
  15. How can I truncate table cells, but fit as much as content possible?
  16. Audio capturing with HTML5 [closed]
  17. How to show multiline text in a table cell
  18. How to make type=”number” to positive numbers only
  19. Center Navbar links without brand pushing it to the right in Bootstrap 4?
  20. Line height issue with inline-block elements
  21. Why does Chrome incorrectly determine page is in a different language and offer to translate?
  22. Avoiding repeated constants in CSS
  23. How do I give a CSS class priority over an id?
  24. Padding the top and the bottom of inline element
  25. Title with bottom border smaller than width
  26. How to preserve whitespace indentation of text enclosed in HTML tags excluding the current indentation level of the tag in the document?
  27. how to remove the dotted line around the clicked a element in html
  28. Is it possible to achieve a -like effect without using the tag?
  29. valid order for attributes of input type tag
  30. How to serve up images in Angular2?

Leave a Comment