Html entity #9651 renders smaller than it's peers
Reported by
darrentw...@gmail.com,
Jul 6 2017
|
|||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36
Example URL:
Steps to reproduce the problem:
1. Create simple html page
2. Add the following
<p>Code 9650 ▲</p>
<p>Code 9651 △</p>
<p>Code 9660 ▼</p>
<p>Code 9661 ▽</p>
3. Notice 9651 is smaller than the others
What is the expected behavior?
It's expected they would all be the same size
What went wrong?
Notice △ is smaller than the other arrows - see attached image
Does it occur on multiple sites: N/A
Is it a problem with a plugin? N/A
Did this work before? N/A
Does this work in other browsers? N/A
Chrome version: 59.0.3071.115 Channel: stable
OS Version: 10.0
Flash Version:
,
Jul 6 2017
,
Jul 6 2017
This issue is also present in Canary: Version 61.0.3150.0 (Official Build) canary (64-bit)
,
Jul 6 2017
,
Jul 6 2017
This is due to the default font on Windows (Times New Roman for latin-1 content) lacking glyphs for the 9651 and 9661 codepoints while it has glyps for 9650 and 9660. This in turn triggers font fallback (to Cambria Math on Windows 10) and whenever glyphs are mixed and matches from different fonts behavior like this is unavoidable. You're much better of specifying a font that has all glyphs you are interested in. If you specify "font-family: 'Cambria Math'" for instance all arrows will render with the same size. |
|||
►
Sign in to add a comment |
|||
Comment 1 by woxxom@gmail.com
, Jul 6 20172.2 KB
2.2 KB View Download