1

我使用 jQuery Mobile 框架创建了移动网络应用程序。我还在 .css 文件中添加了一些外部阿拉伯字体。当我在 Chrome、Firefox 等桌面浏览器中测试网页时，它运行良好。但是当我在 iPod touch 上的 Mobile Safari 中测试网页时，它无法正常工作，它仍然显示默认字体...

我的 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

iOS 似乎不支持复杂脚本的OpenType字体： https ://bugs.webkit.org/show_bug.cgi?id= 92586 ，而 Amiri 是OpenType字体。Apple 提供的阿拉伯字体是AAT字体，这可能就是它们运行良好的原因。

另请参阅此相关讨论：https ://discussions.apple.com/thread/5281738

于 2013-12-15T08:37:29.990 回答
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 属性与 direction 属性一起使用，以设置或返回是否应覆盖文本以支持同一文档中的多种语言。”

/*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）

对于主要包含阿拉伯文本的网页，我应该使用什么字符编码？utf-8 可以吗？

UTF-8 对所有常用语言都足够了吗？

3.尝试使用google字体，看看是不是访问问题

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

于 2012-10-21T20:19:08.377 回答
0

您想在移动 safari 上使用 SVG。这个周末我正在做这件事。

于 2013-12-16T14:34:13.213 回答