Displaying unicode symbols in HTML

by

You should ensure the HTTP server headers are correct.

In particular, the header:

Content-Type: text/html; charset=utf-8

should be present.

The meta tag is ignored by browsers if the HTTP header is present.

Also ensure that your file is actually encoded as UTF-8 before serving it, check/try the following:

  • Ensure your editor save it as UTF-8.
  • Ensure your FTP or any file transfer program does not mess with the file.
  • Try with HTML encoded entities, like &#uuu;.
  • To be really sure, hexdump the file and look as the character, for the ✔, it should be E2 9C 94 .

Note: If you use an unicode character for which your system can’t find a glyph (no font with that character), your browser should display a question mark or some block like symbol. But if you see multiple roman characters like you do, this denotes an encoding problem.

More Related Contents:

  1. Unicode characters in URLs
  2. How does Zalgo text work?
  3. What’s HTML character code 8203?
  4. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  5. Color for Unicode Emoji
  6. What character encoding should I use for a web page containing mostly Arabic text? Is utf-8 okay?
  7. How can I properly display German characters in HTML?
  8. Font Awesome & Unicode
  9. Using attr(data-icon) property to display unicode before element
  10. Browser is not displaying images
  11. How can I select an element with multiple classes in jQuery?
  12. How to remove .html from URL?
  13. Grid properties not working on elements inside grid container
  14. Adding a favicon to a static HTML page
  15. How to include an HTML page into another HTML page without frame/iframe?
  16. Border length smaller than div width?
  17. Why does firebug add to ?
  18. What characters are allowed in an HTML attribute name?
  19. How do I scale a stubborn SVG embedded with the tag?
  20. Hide html horizontal but not vertical scrollbar
  21. Change background image opacity
  22. Scrolling to an Anchor using Transition/CSS3
  23. Make index.html default, but allow index.php to be visited if typed in
  24. Can a ::before selector be used with a ?
  25. How can I extract URL and link text from HTML in Perl?
  26. CSS grid wrapping
  27. Selecting the last element among various nested containers
  28. Element with “display: inline-flex” has a strange top margin
  29. Setting max-height for table cell contents
  30. Pseudo element not full container width when border used

Leave a Comment