font-size-adjust makes fonts too large on hiDPI screens on Android / Linux
Reported by
robin.wh...@digital.cabinet-office.gov.uk,
Jul 8 2016
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:50.0) Gecko/20100101 Firefox/50.0 Example URL: https://www.gov.uk/register-british-citizen Steps to reproduce the problem: 1. Use Chrome on Linux-with-a-hiDPI-screen or Android with experimental Web Platform features turned on. 2. Visit https://www.gov.uk/register-british-citizen 3. Observe the broken font rendering in the Registration Fees table What is the expected behavior? Normal font rendering What went wrong? We apply font-size-adjust to the page. This is currently available in Chrome behind the experimental features flag. On hiDPI screens on Linux and Android there’s a rendering bug that makes the table unreadable. Attached is a screenshot of the problem (taken from browserstack.com on a Nexus 5 with Android 6). We’ve had reports from users on that mobile platform, and on Chrome 52 beta on Ubuntu on a 4K screen. Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? No Does this work in other browsers? Yes Chrome version: Version 51.0.2704.103 (64-bit) Channel: n/a OS Version: OS X 10.11 Flash Version: This has been tested to work OK in Firefox and in Chrome on OS X on a 4K screen.
,
Jul 8 2016
,
Jul 13 2016
,
Jul 21 2016
,
Jul 22 2016
,
Jul 22 2016
gov.uk! You all are doing some amazing work :) This has something to do with the ntatabularnumbers font being used. This may be a font bug or a font-size-adjust bug. Note that font-size-adjust is different from the text-size-adjust property. Here's a minimized repro: http://jsbin.com/quqoyul @shivamidow, can you take a look?
,
Nov 17 2016
This appears to work as expected now. pdr would you mind confirming?
,
Nov 17 2016
I agree that this is now fixed. I wish we knew what fixed it :/
,
Aug 3 2017
As far as I can tell, this is *not* fixed - at least it still appears to be broken on ChromeOS (a Pixel running 59). The minimized repo shows "font-size: 16px; font-size-adjust: 2" being approximately 16px tall; "font-size-adjust: 1" makes it approximately 8px, and "font-size-adjust: .5" makes it even smaller. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by ro...@reala.net
, Jul 8 2016