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

Wes Souza
Reported 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.
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 attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-01-29 11:36:21 PST
<rdar://problem/58999667>
Simon Fraser (smfr)
Comment 2 2020-02-01 12:07:04 PST
This a bug in a component below WebKit. The below radar number tracks the issue.
Note You need to log in before you can comment on or make changes to this bug.