Html IE11中的阿拉伯文字体省略问题

我在IE上使用阿拉伯语字体“Droid arabic Kufi”时遇到省略号问题。此错误仅在IE上出现，但我在IE9上解决了此问题，但在IE11上没有使用相同的代码

错误是当页面在IE11中呈现时，它不是显示省略号点（…），而是显示框

请检查以下JSFIDLE示例

等待任何帮助

---

感谢键入Droid Arabic Kufi字体不包含句点“.”字符（或任何其他Ascii字符，空格除外），因此当浏览器实现

文本溢出：省略号时，他们必须从另一种字体中获取句点。显然，IE的某些版本无法正确地做到这一点，可能是因为它们错误地解释了字体信息（就好像字体中包含“.”）

一种解决方法是在
字体系列
列表中将一些合适的字体放在前面，以便从中提取“.”，例如

font-family : Verdana, "Droid Arabic Kufi";

此字体不应包含阿拉伯字符，因为该字体优先于列表后面提到的任何字体。字体也应该在使用IE的所有系统中可用。没有绝对的保证，但是Verdana应该在所有Windows系统上，除非它被故意删除

从技术上讲，这也意味着空格字符将取自该字体，而不是Droid Arabic Kufi。这可能会影响间距。在Droid Arabic Kufi中，空间的推进宽度为696个单位，在Verdana中为700个单位，因此应该没有实际差异。
至少解释一下“错误”或“问题”是什么。我甚至可以在IE10上看到问题；windows 8。如前所述，这是与字体“Droid arabic kufi”有关的问题。直到昨天，我还在运行IE9，在使用：之前，它工作正常，但当我今天升级到IE 11时，问题再次出现，根本没有得到解决。如果你能帮我解决这个问题。我想有一个CSSsolution@Mr_Green：它在Firefox/Chrome中运行良好您救了我的命，谢谢！但是我注意到在使用这种方式后出现了另一个问题，我在页面中有一些滑块，每当鼠标移动到页面中的任何位置时，字体都会改变为初始字体，这也只发生在IE8上。
font-family : Verdana, "Droid Arabic Kufi";