javascript - HTML5 テンプレートに表示されないヘブライ文字

Question

Thom Sander の無料の html5 テンプレート (ダウンロードリンク)にいくつかのヘブライ文字を埋め込もうとしています。

たとえば、左側のメニュー項目のテキストをヘブライ語に変更しようとしました。

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

何らかの理由で、ヘブライ文字がまったく表示されません。

ドキュメントの他の場所にヘブライ語を追加すると、正しく表示されます。最初は、これはエンコーディングの問題かもしれないと思っていましたが、headエンコーディングは有効なようです: UTF-8. ヘブライ語のテキストを無視する JS コードがいくつかあると思いますが、よくわかりません。

何か案は？

score 1 · Accepted Answer

ヘブライ語の文字をWebサイトに埋め込むことができない理由は、テンプレートが右から左への言語をサポートしていないcufon手法を使用しているためです。

予定されている機能：

右から左および双方向テキストのサポート

ただし、それを回避する方法があるようです。

score 1 · Accepted Answer

誰かがすでにその解決策を見つけたようです。ソリューション全体を実装しようとはしませんでしたが、ファイルでテストしたところ、機能しました。

ここで解決策を見つけることができます

基本的に、ヘブライ語と Cufon.js を一緒に使用できるようにするには、CufonRTL.js を使用する必要があります。ブログ投稿の冒頭に CufonRTL.js があるか、ここからファイルをダウンロードしてください。

次に、CufonRTL.js をロードして、次のように実行する必要があります。

    CufonRTL.RTL('#menu a');

そのため、Cufon ライブラリとカスタムフォントを使用している間、メニューリンクはヘブライ語をサポートします。

score 0 · Accepted Answer

このルールを CSS に追加してみてください

html { unicode-bidi: embed;  }

unicodeBidi プロパティを direction プロパティと共に使用して、同じドキュメントで複数の言語をサポートするためにテキストをオーバーライドする必要があるかどうかを設定または返します。

score -1 · Accepted Answer

必ず使用してください：

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

または（新しいHTML5標準として）：

<meta charset='utf-8'>

そして、CSSにこのプロパティを追加してみてください。

unicode-bidi: embed;

Unicode文字の代わりにHTMLエンティティを使用して、何かを表示することもできます。֑ ֒ #1427;

4 に答える 4