<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Text that should be rendered in small caps in a custom font is being rendered in full-size caps with inappropriate spacing"
href="https://bugs.webkit.org/show_bug.cgi?id=145802">145802</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Text that should be rendered in small caps in a custom font is being rendered in full-size caps with inappropriate spacing
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh Intel
</td>
</tr>
<tr>
<th>URL</th>
<td>http://www.careyblyton.com
</td>
</tr>
<tr>
<th>OS</th>
<td>Mac OS X 10.10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Text
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>Richard@Hallas.net
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=254572" name="attach_254572" title="Screenshot showing incorrect text rendering (WebKit, left) compared with correct rendering (Safari, right)">attachment 254572</a> <a href="attachment.cgi?id=254572&action=edit" title="Screenshot showing incorrect text rendering (WebKit, left) compared with correct rendering (Safari, right)">[details]</a></span>
Screenshot showing incorrect text rendering (WebKit, left) compared with correct rendering (Safari, right)
Please visit the site <a href="http://www.careyblyton.com">http://www.careyblyton.com</a> 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.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>