Today I'm going to share a line-height / superscript fix that I found that works pretty well in all client's.
<td style="font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; color:#000000;">
Copy, Copy, Copy<sup style="font-size: 8px; line-height: 0; vertical-align: 3px">®</sup></td>
I recommend making the line height 2px larger than the font size, and then for sup's making them 2 pixels less than surrounding font. Defining the line-height for the sup as 0 prevents the uneven space between each line of copy, and the vAlign moves the superscript up just enough in all of the diff clients (including Outlook 2007).
Here's an example:
Copy, Copy, Copy® Copy, Copy, Copy Copy, Copy, Copy Copy, Copy Copy, Copy, CopyCopy, Copy Copy, Copy, CopyCopy, Copy Copy, Copy, Copy® |
W/out the fix:
Copy, Copy, Copy® Copy, Copy, Copy Copy, Copy, Copy Copy, Copy Copy, Copy, CopyCopy, Copy Copy, Copy, CopyCopy, Copy Copy, Copy, Copy® |
One last suggestion is to take advantage of the mso-line-height- rule:exactly; within each of your TD's this will be ignored by all clients except outlook, but forces outlook to keep the line height you defined.
Here's an example of how to use it:
<td style="font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:12px; mso-line-height- rule:exactly; color:#000000;">
Copy, Copy, Copy<sup style="font-size: 8px; line-height: 0; vertical-align: 3px">®</sup></td>
Hope this helps someone!