RESOLVED DUPLICATE of bug 6148 222734
No kerning between inline elements
https://bugs.webkit.org/show_bug.cgi?id=222734
Summary No kerning between inline elements
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.