Has anyone else seen this? When I use the Arial font at certain sizes, the left edge of the capital letter W gets cut off. Please see attachments to see what I am talking about. This is static HTML text, nothing special about it. Is this a known issue and are there any fixes besides changing the font size?
I think I have narrowed it down to when this problem occurs. The capital W gets cut off in this scenario:
The text has to be inside a table. The font is Arial and a size of 11px. The W gets cut off when the table has cellpadding=0. The W is ok if you change cellpadding=1 (anything but 0). Sample HTML below.
<body>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style1">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style2">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style3">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style4">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style5">What is happening to the capital W.</span></td>
</tr>
</table>
<p> </p>
<table width="300" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td><span class="style1">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style2">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style3">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style4">What is happening to the capital W.</span></td>
</tr>
<tr>
<td><span class="style5">What is happening to the capital W.</span></td>
</tr>
</table>
Bookmarks