Bug 222734

Summary: No kerning between inline elements
Product: WebKit Reporter: Bence Meszaros <mrbencem>
Component: TextAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: mitz, mmaxfield, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 10.15   
See Also: https://bugs.webkit.org/show_bug.cgi?id=6148
Attachments:
Description Flags
Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) none

Bence Meszaros
Reported 2021-03-04 06:08:59 PST
Created attachment 422219 [details] Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) Hi, WebKit does not apply kerning between inline elements. To reproduce the issue, add two inline elements (e.g. span) inside a block (p, h1, h2, ...) that contain a continuous text and the kerning issue is clearly visible when the text is rendered on screen. This is an example (with no CSS, no JS, everything is default in the document): <html> <head> </head> <body> <p><span>HA</span><span>W</span><span>AII</span></p> <p>HAWAII</p> </body> </html> This is a slightly different example with only one inline element, but the issue is the same: <html> <head> </head> <body> <p>HA<span>W</span>AII</p> <p>HAWAII</p> </body> </html> The second p element with the same text is for reference. Blink seems to be unaffected (Chrome 88.0.4324.192).
Attachments
Kerning issue is visible in Safari 14.0.3 (dev tools open to show source) (53.61 KB, image/png)
2021-03-04 06:08 PST, Bence Meszaros
no flags
Radar WebKit Bug Importer
Comment 1 2021-03-11 06:09:13 PST
Myles C. Maxfield
Comment 2 2021-03-12 18:21:06 PST
*** This bug has been marked as a duplicate of bug 6148 ***
Note You need to log in before you can comment on or make changes to this bug.