www.webdeveloper.com
Results 1 to 5 of 5

Thread: The capital W for arial font gets cut off

  1. #1
    Join Date
    May 2005
    Posts
    24

    The capital W for arial font gets cut off

    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?

    Thanks
    JRoC
    Attached Images Attached Images

  2. #2
    Join Date
    Feb 2005
    Posts
    1,018
    I've seen it before, just didn't really take to it. Can you post the html you are using? I've been trying to replicate what you are seeing but can't.

  3. #3
    Join Date
    May 2005
    Posts
    24
    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.

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    .style1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
    .style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
    .style3 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
    .style4 {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
    .style5 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
    -->
    </style>
    </head>

    <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>&nbsp;</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>

    </body>
    </html>

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654

  5. #5
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    See if the problem occurs in recent web browsers.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles