Question

我正在努力将网络应用程序翻译成阿拉伯语。在Internet框中安装了阿拉伯语的Windows机器上运行应用程序，我在文本框中输入东阿拉伯语（标记）数字（123）而不是0,1,2,3。

我如何让Internet Explorer将这些显示为0,1,2,3 ...？我可以设置供应商特定的CSS属性吗？

Chrome和Firefox没有此行为。

Answer 1

有些字体可能会使用西方数字来替代风格，但我对它非常怀疑。不过，可能值得探索这个font-face沙箱 - 你可能会发现适合你的东西：

另一个选项是Javascript。这是一个例子：

<div class="content">١٢٣٤٥٦٧٨٩١٠</div>

var text = $(".content").text()
    .replace(/[٠١٢٣٤٥٦٧٨٩]/g, function (char) {
        return char.charCodeAt(0) - 1632;
    })
    .replace(/[۰۱۲۳۴۵۶۷۸۹]/g, function (char) {
        return char.charCodeAt(0) - 1776;
    });

$(".content").html(text);

Answer 2

我通过更改字体名称解决了同样的问题，

在我的情况下，我想向所有用户显示相同的字符

您可以选择包含Arabic-Hndi数字的字体并使用css（@ font-face）导入它，然后只需使用它，

这适用于所有主流浏览器（IE .. Firefox .. Chrome）

Look at this smaple

这是该页面的完整代码：

<html>
<head>

</head>
<body>
<style type="text/css">

@font-face {
    font-family: ArabicTwo_Bold;
    src: url( ArabicTwo_Bold.eot);
}

@font-face {
    font-family: ArabicTwo_Bold;
    src: url( ArabicTwo_Bold.ttf);
}


div , input {
 font-family: ArabicTwo_Bold;
}
</style>


<input type='text' value='هذا نص هندي 123456 ' />
<div> هذا نص هندي 123456  </div>
</body>
</html>

文本框中的阿拉伯数字与Internet Explorer

2 个答案: