1

jQuery Mobile フレームワークを使用してモバイル Web アプリを作成しました。また、外部のアラビア語フォントを .css ファイルに追加しました。Chrome、Firefox などのデスクトップ ブラウザで Web ページをテストすると、うまく機能します。しかし、iPod touch の Mobile Safari で Web ページをテストすると、動作せず、デフォルトのフォントが表示されたままです...

私のCSSは次のとおりです。

@font-face {
    font-family: 'Amiri-Bold';
    src: url('amiri-bold.eot');
    src: url('amiri-bold.eot?#iefix') format('embedded-opentype'),
         url('famiri-bold.woff') format('woff'),
         url('amiri-bold.ttf') format('truetype'),
         url('amiri-bold.svg#amiri-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-size:16px;
    font-family:Amiri-Bold;
}

そして、私のHTMLは次のとおりです。

<h1>يبييبي يب يب يبب</h1>
4

3 に答える 3

0

http://www.amirifont.org/で、彼は html で「lang」属性を使用していることがわかります。

<div lang="ar">
    <p>some arabic text</p>
</div>

<div lang="en">
    <p>english text</p>
</div>

[アップデート]

1. unicode-bidi で確認すべきことがあるかもしれません

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

/*I've have not tested this one */
arabic-text {
    direction: ltr;
    unicode-bidi: embed;
}

http://reference.sitepoint.com/css/unicode-bidi

http://www.quackit.com/css/properties/css_unicode-bidi.cfm

http://www.w3schools.com/jsref/prop_style_unicodebidi.asp

2. 文字セットを確認する必要があるかもしれません。現代のアラビア語スクリプトに関するこの議論を見てください (場合によっては utf16 を使用する人もいます)。

主にアラビア語のテキストを含む Web ページには、どの文字エンコーディングを使用すればよいですか? utf-8で大丈夫ですか？

すべての一般的な言語で UTF-8 で十分ですか?

3. Google フォントを使用して、問題がアクセスに起因するかどうかを確認します

http://www.google.com/webfonts/earlyaccess

于 2012-10-21T20:19:08.377 に答える