Title Utf-8 On Html

I'm having a problem with UTF-8 character on the page title, I want to add this on the title of the page --> ♫ <--- (the Music symbol) The thing is, sometimes it works (on

Solution 1:

This is a font problem rather than an encoding problem; a small rectangle in place of a character typically means that the character is not present in the font(s) used.

Browsers typically use some specific fonts when they render title element contents (somewhere outside the page itself). These fonts may depend on the settings in the operating systems. On Windows 7 for example, the default for them is 9pt Segoe UI, a relatively rich font, whereas older systems have more limited fonts. Anyway, that’s outside an author’s hands.

So the conclusion is that special symbols should be avoided in title elements. Their rendering is not guaranteed, and they probably have no value as far as search engines are considered.

Solution 2:

Have you added the meta tag for charset to your HTML?

<metahttp-equiv="Content-Type"content="text/html; charset=utf-8" />

Solution 3:

sometimes it works (on Google Chrome) and sometimes it doesn't (when it doesn't work, it appears a square that is supposed to be an error of encoding) weirdly

This is most likely down to the font used by your browser, and your Operating System. If the character is defined in the font, it will show up. If it isn't, it won't.

There isn't much you can do about this, unfortunately - both these things are outside of your control.

Somewhat related: Unicode support in Web standard fonts

Solution 4:

I resolve this problem (year in Spanish) with this notation:

title="A & # 241 ; o"

IMPORTANT: I insert blanks spaces between characters for adequate renderization.