Steps to reproduce
There is a weird issue where the space gylph of the custom font is rendered at the <br> tags (rendered even if using “<br/><br/>” with no spaces)
- Create a html file
- Create a @font-face declaration for a custom font with single character EEB8.
- Add unicode-range css property to only apply for custom font for U+EEB8-F12B.
- In the body tag, add some <br/> tags
- View the html file in IE Edge
For some reason, there is a box glyph shown at where the <br> tags are. Further investigation reveals that these boxes refer to the space character in the custom font (tried adding a gylph for space character (U+0020) for the custom font and the box changes to what the space character is using). Note that the space characters in the paragraph text are not rendered as boxes.
Please check sample test case at http://basic.orionhub.org:8000/test.html
Screenshot of the issue encountered: https://www.dropbox.com/s/83xfga9tgemgdm1/screendumpIEEdge.png?dl=0
Attached the files used in the sample test case.
Microsoft Edge version is 38.14393.0.0
Microsoft EdgeHTML 14.14393
Windows 10 Pro edition 64 bit
Can you please confirm/advise if this is an IE/Edge bug as unicode-range seems to be partially supported only (based from caniuse.com/#feat=font-unicode-range).
(our client needs confirmation on this)
Comments and activity
Above issue doesn’t appear in FF and Chrome
- Microsoft Edge Team
Changed Assigned To to “Ibrahim O.”
Changed Assigned To to “Rick J.”
Changed Assigned To to “Christian F.”
Sorry, it seems I used the wrong .woff file (with space character gylph in custom font file) I updated .woff file hosted in http://basic.orionhub.org:8000/HKELCustomFont.woff to not have the space character defined.
I updated the test case in http://basic.orionhub.org:8000/test.html to include the custom font with space gylph.
Hello, would like to followup on any updates.
Other persons have also encountered similar problems: