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

我正在将Web应用程序翻译成阿拉伯语。在安装了Internet Explorer的阿拉伯语的Windows盒子上运行应用程序，我在文本框中获得东方阿拉伯（印度）数字（123）而不是0,1,2,3。与Internet Explorer的文本框中的阿拉伯数字

我该如何让IE浏览器将这些显示为0,1,2,3 ...？有没有我可以设置的供应商特定的CSS属性？

Chrome和Firefox没有这种行为。

来源

2013-12-18 Daniel A. White

有些字体可能有一个使用西方数字的替代文体集，但我非常怀疑它。不过，这可能是值得探讨的这个字体面沙箱 - 你可能会找到一些适合您：

http://clagnut.com/sandbox/css3/

另一种选择是使用Javascript。这里有一个例子：

http://jsfiddle.net/five23/txAL8/

<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);

来源

2013-12-30 03:34:58

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

在我来说，我想显示相同的字符向所有用户

可以选择一个包含Arabic-Hndi数字的字体并使用css（@ font-face）导入它，然后简单地使用它，

这适用于所有主流浏览器（IE火狐.. ..铬）

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>

来源

2015-11-18 08:06:07

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

回答

相关问题