Bug 206928 - Fonts don't render properly with -webkit-font-smoothing: none and spaces
Summary: Fonts don't render properly with -webkit-font-smoothing: none and spaces
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/wessouza/pen/abzrL...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-01-29 06:34 PST by Wes Souza
Modified: 2020-02-01 12:07 PST (History)
5 users (show)

See Also:

Attachments
Font rendering sample on a non-retina display (23.83 KB, image/png)
2020-01-29 06:34 PST, Wes Souza 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Wes Souza 2020-01-29 06:34:12 PST 
Created attachment 389132 [details]
Font rendering sample on a non-retina display

Using -webkit-font-smoothing: none produces incorrect font rendering, full of artifacts that appear to come from a monochrome version of rendering the font with anti-aliasing (see screenshot).

Sometimes not using spaces works, but results are undefined.

Results are more noticeable on a non-retina display, due to larger pixels.

Codepen: https://codepen.io/wessouza/pen/abzrLxO?editors=1100

Tested on:
- Safari Technology Preview Release 99 (Safari 13.2, WebKit 15610.1.1), macOS 10.15.2 (19C57)
- Safari Version 13.0.4 (15608.4.9.1.3), macOS 10.15.2 (19C57)

On two different machines.
Comment 1 Radar WebKit Bug Importer 2020-01-29 11:36:21 PST 
<rdar://problem/58999667>
Comment 2 Simon Fraser (smfr) 2020-02-01 12:07:04 PST 
This a bug in a component below WebKit. The below radar number tracks the issue.