Hebrew characters not shown on an HTML5 template

Question

I've been trying to embed some hebrew characters in Thom Sander's free html5 template (download link).

For example, I've tried to change a left-side menu item text to Hebrew, i.e.,

Home Page => עמוד הבית

For some reason the hebrew characters are not shown at all.

When I add hebrew in other places in the document, it is shown correctly. At first I thought this may be an encoding issue but the head encoding seems to be valid: UTF-8. I think there might be some JS code ignoring the Hebrew text, but I'm not sure.

Any ideas?

Answer 1

Seems like someone already found a solution for that. I didn't try to implement the whole solution but tested it with your files and it works.

You can find the solution here

Basicaly you just need to use CufonRTL.js to be able to use Hebrew & Cufon.js together. You may find CufonRTL.js at the begining of the blog post or just download the file from here

Then you ll have to load CufonRTL.js and execute something like:

    CufonRTL.RTL('#menu a');

So the menu links would support Hebrew while using the Cufon library & custom font.