Droid Arabic Kufi has issue rendring css ellipsis in IE

[GoogleCodeExporter]

What steps will reproduce the problem?

1.@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
2. try to use long text with text-overflow: ellipsis
3. boxes start show instead of ellipsis in IE 

What is the expected output? What do you see instead?

ellipsis should appear, but boxes shows instead in IE only. 

What version of the product are you using? On what operating system?

http://fonts.googleapis.com/earlyaccess/droidarabickufi.css
IE all versions on Windows OS

Please provide any additional information below.

test.html attached as an POC

Original issue reported on code.google.com by ahmed.sp...@gmail.com on 24 Aug 2014 at 6:58

Attachments:

• test.html

[GoogleCodeExporter]

Original comment by pathum...@gmail.com on 2 Sep 2014 at 7:08

• Added labels: OpSys-Windows

[GoogleCodeExporter]

It seems that the problem is that Droid Arabic Kufi does not contain the period 
(U+002E FULL STOP) character “.”, which is what IE uses to construct an 
ellipsis symbol when implementing `text-overflow: ellipsis`.

The same issue has been raised and commented at
http://stackoverflow.com/questions/25757408/arabic-font-ellipsis-issue-in-ie11

Original comment by jukk...@gmail.com on 10 Sep 2014 at 5:31

[GoogleCodeExporter]

Thank you so much, the solution you provide solve the problem

Original comment by ahmed.sp...@gmail.com on 10 Sep 2014 at 12:27