Bug 206928

Summary: Fonts don't render properly with -webkit-font-smoothing: none and spaces
Product: WebKit Reporter: Wes Souza <wesleydesouza>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Normal CC: bfulgham, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
URL: https://codepen.io/wessouza/pen/abzrLxO?editors=1100
Attachments:
Description Flags
Font rendering sample on a non-retina display none

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.