Bug 145802 – Text that should be rendered in small caps in a custom font is being rendered in full-size caps with inappropriate spacing

• Component: Text
• Status: RESOLVED DUPLICATE

[Richard Hallas]

Created attachment 254572 [details]
Screenshot showing incorrect text rendering (WebKit, left) compared with correct rendering (Safari, right)

Please visit the site http://www.careyblyton.com and examine the two major headings on the opening page which appear in green text: "Welcome!" and "Latest news". CSS properties applied to these headings include "font-variant: small-caps;" and "letter-spacing: 0.1em;". NB The text is also rendered in a custom font supplied by the site itself.

In the current release version of Safari (i.e. 8.0.6 on Mac OS X 10.10.3 and in other WebKit-based browsers), the text renders perfectly, with slightly spaced-out headings in a mixture of capitals and small-caps instead of lower-case letters. However, in the current WebKit nightly build, the rendering is badly broken. Now, all the letters that should appear as small-caps are appearing as full-size caps. The spacing between them also looks wrong, though I believe that the letter positioning is probably correct for the small caps that ought to appear. However, as they are replaced by full-size capitals, the larger letters run into one another, and thus the text looks poor because the spacing is not right for the letters that are actually printed. The main bug, though, appears to be that 'font-variant: small-caps;' is causing lower-case letters to be transformed into upper-case letters rather than into the expected small-caps.

[Radar WebKit Bug Importer]

<rdar://problem/21314282>

[Myles C. Maxfield]

*** This bug has been marked as a duplicate of bug 145873 ***