WordPress.org

Make WordPress Core

Opened 5 months ago

#45909 new enhancement

Twenty Nineteen: Consider syncing up font smoothing between the front end and block-based editor

Reported by: laurelfulford Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: Cc:

Description

This was originally reported by @kjellr in Twenty Nineteen's GitHub repo:

Currently, the front end of the site implements font smoothing via the following rules:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

These rules do not exist in the Gutenberg editor. This leads to a much heavier display of text in the editor than in the front end.

This will need to be scoped in such a way that it doesn't bleed out of the actual content in the editor into block-level controls/placeholder labels/menu text/etc.

Original ticket: https://github.com/WordPress/twentynineteen/issues/281

Attachments (2)

281-twenty-nineteen-fonts-front-end.png (28.3 KB) - added by laurelfulford 5 months ago.
Twenty Nineteen - how the fonts appear on the front-end
281-twenty-nineteen-fonts-editor.png (30.0 KB) - added by laurelfulford 5 months ago.
Twenty Nineteen - how the fonts now appear in the editor - noticeably heavier

Download all attachments as: .zip

Change History (2)

@laurelfulford
5 months ago

Twenty Nineteen - how the fonts appear on the front-end

@laurelfulford
5 months ago

Twenty Nineteen - how the fonts now appear in the editor - noticeably heavier

Note: See TracTickets for help on using tickets.