Make WordPress Core

Opened 15 months ago

Last modified 9 months ago

#50684 new defect (bug)

Font/font-size change on login screen

Reported by: superpoincare Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.4.2
Component: Login and Registration Keywords: needs-design-feedback
Focuses: ui, css, administration Cc:


On Windows 10, when a user logs in, the font and the font-size in the input boxes change.

To be more precise, the wrong font and font-size is initially displayed. Only after clicking, the correct font and font-size appear.

A recording:


Change History (8)

#1 @SergeyBiryukov
15 months ago

  • Component changed from Administration to Login and Registration
  • Focuses ui css added

This ticket was mentioned in Slack in #core-css by ryelle. View the logs.

14 months ago

#3 @sabernhardt
13 months ago

That happens with logins other than WordPress; it's a Chrome Chromium issue. Correction: it's any Chromium-based browser (Chrome, Edge, Opera).

The font styles (font-family and font-size) are not honored and it falls back to the browser default:
font: 400 13.3333px Arial; (for me, on Windows)

There might be a way to work around that, but I haven't found it. (-webkit-autofill did not work for font styles.)

Last edited 13 months ago by sabernhardt (previous) (diff)

#4 @SergeyBiryukov
13 months ago

Just noting that the Chrome issue above is closed as WontFix, as the original change was a security fix:

This is due to a change, rogerm@ landed in M74. https://crrev.com/9e68c4db781b71e9ea772ab60d34c7f10e100b57, which is due to a security requirement that I cannot elaborate on, yet. Sorry, but I have to mark this as Won't fix.


This is closed as Won't Fix because allowing the website to style the font enables it to steal data that the user has not selected to share with the website via side channel attacks. We may need to change the entire interaction pattern but don't have anything ready, yet.


Last edited 13 months ago by SergeyBiryukov (previous) (diff)

This ticket was mentioned in Slack in #core-css by kirstyburgoine. View the logs.

13 months ago

#6 @garrett-eclipse
13 months ago

Hmm if we can't change it in Chrome I wonder if we just make that the baseline. Setting the style of the form to use that font/font-size so the text doesn't change when you start entering text.

This ticket was mentioned in Slack in #core-css by kirstyburgoine. View the logs.

9 months ago

#8 @kburgoine
9 months ago

  • Keywords needs-design-feedback added

Added the needs-design-feedback keyword as this probably needs a review to see if there is a design option to make this less jarring at all

Note: See TracTickets for help on using tickets.