Bug 296139

Summary: synthetic bold is different in between Firefox and Safari
Product: WebKit Reporter: Jonathan Deutsch <jonathan>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, bfulgham, jonathan, karlcow, ntim, simon.fraser, vitor.roriz, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 18   
Hardware: Mac (Apple Silicon)   
OS: macOS 15   
See Also: https://bugs.webkit.org/show_bug.cgi?id=284340
Attachments:
Description Flags
Reproduction document
none
Safari screenshot
none
Firefox screenshot
none
Chrome screenshot
none
STP223 vs Safari 18.5
none
rendering in safari, firefox none

Jonathan Deutsch
Reported 2025-07-17 11:57:10 PDT
Created attachment 476076 [details] Reproduction document In the attached file (bug.html), the "l" character in a span is placed next to the rectangle div in Chrome and Firefox but is very far away in Safari. It looks like this is due to text-align from the outer div and how it compares to the text-align in the inner span. Please see screenshots for the difference. Tested on Safari 18.6 on macOS 15.6 Beta (24G5074c) vs. Firefox 140 and Chrome 138.
Attachments
Reproduction document (1003 bytes, text/html)
2025-07-17 11:57 PDT, Jonathan Deutsch 		no flags
Details
Safari screenshot (5.48 KB, image/png)
2025-07-17 11:57 PDT, Jonathan Deutsch 		no flags
Details
Firefox screenshot (5.23 KB, image/png)
2025-07-17 11:57 PDT, Jonathan Deutsch 		no flags
Details
Chrome screenshot (5.84 KB, image/png)
2025-07-17 11:57 PDT, Jonathan Deutsch 		no flags
Details
STP223 vs Safari 18.5 (127.72 KB, image/png)
2025-07-17 12:56 PDT, Ahmad Saleem 		no flags
Details
rendering in safari, firefox (942.96 KB, image/png)
2025-07-28 01:59 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jonathan Deutsch
Comment 1 2025-07-17 11:57:26 PDT
Created attachment 476077 [details] Safari screenshot
Jonathan Deutsch
Comment 2 2025-07-17 11:57:37 PDT
Created attachment 476078 [details] Firefox screenshot
Jonathan Deutsch
Comment 3 2025-07-17 11:57:49 PDT
Created attachment 476079 [details] Chrome screenshot
Ahmad Saleem
Comment 4 2025-07-17 12:56:54 PDT
Created attachment 476081 [details] STP223 vs Safari 18.5
Radar WebKit Bug Importer
Comment 5 2025-07-24 11:58:13 PDT
<rdar://problem/156624703>
Karl Dubost
Comment 6 2025-07-28 01:59:16 PDT
Created attachment 476191 [details] rendering in safari, firefox You can see the difference in between WebKit and Gecko here, with and without `font-weight: bold` This looks like the way bold is applied to this font. Synthetic bold maybe?
Tim Nguyen (:ntim)
Comment 7 2025-07-28 10:40:40 PDT
This was last changed in bug 284340 in WebKit
Note You need to log in before you can comment on or make changes to this bug.