Re: [csswg-drafts] [css-fonts][css-viewport] UAs inconsistent in how OS font settings affect the default font-size `medium` (#10674)

Me and @samua11y have discovered the way font scaling works in Chrome on Android is different depending on whether you're in the browser or in a Web View in an app (I have not tried PWAs).

This is how the font is scaled on the BBC Sport app in a Web View. Notice how just the text has been scaled up, but not margins, padding or gaps, even though they are sized using `rem` and `em` units.

![Screenshot_20240822-151123](https://github.com/user-attachments/assets/b4f30b61-fcfb-4523-9e4a-a0b60cc9ed4f)

This is how I would expect that page to look simply by scaling the font size. This screenshot was taken on Firefox on desktop after 'text-only zoom' to increase the font size. In this way, the `rem` and `em` units _are_ affected by the zoom.

![Screen Shot 2024-08-22 at 15 19 48](https://github.com/user-attachments/assets/b2172375-75e4-487b-a2d5-aabd54c40466)

So we can see from this that, in Web Views, Chrome is using a text inflation algorithm that's increasing the font size after the CSS computed values for font-size and relative font units have been determined.

-- 
GitHub Notification of comment by JoshTumath
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10674#issuecomment-2304804129 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 22 August 2024 14:22:36 UTC