Font-size inconsistancy in iphone

Hi,

I'm having trouble stipulating a font-size which is consistant across most commonly used clients.

The following rendered output shows fine in Vista Mail and Thunderbird etc.  But breaks quite badly when viewed in iphone mail - mainly becuase the font sizes don't seem to be carried - they are too big in places.

What is the best unit to state font-sizes in email?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0014)about:internet --><HTML 
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>The Food Folk</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<STYLE type=text/css>BODY {
    BACKGROUND-COLOR: #ffffff; FONT: 13px 'Trebuchet MS', Helvetica, sans-serif; COLOR: #462d06
}
P {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TD IMG {
    DISPLAY: block
}
TD.welcome {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #dedad2; FONT-SIZE: 11px
}
.smaller {
    LINE-HEIGHT: 13px; BACKGROUND-COLOR: #dedad2; FONT-SIZE: 95%
}
TD.main {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #fff; FONT-SIZE: 14px
}
TD.offers {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c1e0d4; FONT-SIZE: 13px; PADDING-TOP: 3px
}
TD.little-note {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #fff
}
TD.copy {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372
}
TD.unsub {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372
}
TD.mehim {
    LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372
}
TD.copy {
    PADDING-BOTTOM: 6px; PADDING-LEFT: 29px; FONT-SIZE: 9px
}
TD.unsub {
    PADDING-BOTTOM: 6px; PADDING-LEFT: 38px; FONT-SIZE: 9px
}
.mehim {
    PADDING-BOTTOM: 6px; PADDING-LEFT: 9px; FONT-SIZE: 9px
}
A {
    COLOR: #462d06; TEXT-DECORATION: none
}
A:link {
    COLOR: #462d06; TEXT-DECORATION: none
}
A:visited {
    COLOR: #462d06; TEXT-DECORATION: none
}
A:hover {
    COLOR: #462d06; TEXT-DECORATION: underline
}
</STYLE>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Fri Oct 23 06:42:47 GMT+0100 (GMT Daylight Time) 2009-->
<META name=GENERATOR content="MSHTML 8.00.6001.18828"></HEAD>
<BODY 
style="BACKGROUND-COLOR: #ffffff; FONT-FAMILY: 'Trebuchet MS', Helvetica, sans-serif; COLOR: #462d06; FONT-SIZE: 13px" 
bgColor=#fff>
<DIV>&nbsp;</DIV>
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
  <DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
  <DIV 
  style="FONT: 10pt arial; BACKGROUND: #e4e4e4; font-color: black"><B>From:</B> 
  <A title=info@thefoodfolk.com href="mailto:info@thefoodfolk.com">The Food 
  Folk</A> </DIV>
  <DIV style="FONT: 10pt arial"><B>To:</B> <A title=tony@networlddesign.co.uk 
  href="mailto:tony@networlddesign.co.uk">tony@networlddesign.co.uk</A> </DIV>
  <DIV style="FONT: 10pt arial"><B>Sent:</B> Friday, October 23, 2009 11:41 
  AM</DIV>
  <DIV style="FONT: 10pt arial"><B>Subject:</B> Food Folk | Early Riser - 
  Preview</DIV>
  <DIV><BR></DIV>
  <TABLE border=0 cellSpacing=0 cellPadding=0 width=612 bgColor=#c6a372 
  align=center><!-- fwtable fwsrc="TFF_HTML_Email_AW_v2.png" fwpage="Page 1" fwbase="ff-email-1.png" fwstyle="Dreamweaver" fwdocid = "81172734" fwnested="0" -->
    <TBODY>
    <TR>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=21 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=15 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=110 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=27 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=38 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=271 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=16 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=90 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=24 height=1></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=1></TD></TR>
    <TR>
      <TD colSpan=4><A style="COLOR: #462d06; TEXT-DECORATION: none" 
        href="http://thefoodfolk.createsend.com/t/r/l/htjltu/l/r"><IMG 
        style="DISPLAY: block" id=ffemail1_r1_c1 border=0 name=ffemail1_r1_c1 
        alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r1_c1.jpg" 
        width=173 height=177></A></TD>
      <TD rowSpan=2 colSpan=5><IMG style="DISPLAY: block" id=ffemail1_r1_c5 
        border=0 name=ffemail1_r1_c5 alt="" 
        src="http://i9.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r1_c5.jpg" 
        width=439 height=222></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=177></TD></TR>
    <TR>
      <TD rowSpan=2><IMG style="DISPLAY: block" id=ffemail1_r2_c1 border=0 
        name=ffemail1_r2_c1 alt="" 
        src="http://i10.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r2_c1.jpg" 
        width=21 height=227></TD>
      <TD style="LINE-HEIGHT: 14px; BACKGROUND-COLOR: #dedad2; FONT-SIZE: 11px" 
      class=welcome vAlign=top rowSpan=2 colSpan=3>
        <P 
        style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><STRONG>Welcome 
        to the Food Folk</STRONG><BR>At The Food Folk, our big idea is a small 
        one: small farms, small producers, just from East Anglia, supplying your 
        weekly shop. So we’ve tracked them down – some organic, some free-range, 
        some difficult to find but all offering great tasting, locally produced 
        food that the Food Folk will deliver to you.</P><IMG 
        style="DISPLAY: block" 
        src="http://i1.createsend.com/ti/r/B9/28E/37B/214056/images/anthea.jpg" 
        width=99 height=40> <SPAN 
        style="LINE-HEIGHT: 13px; BACKGROUND-COLOR: #dedad2; FONT-SIZE: 95%" 
        class=smaller>(favourite food: Shepherd's Pie)</SPAN></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=45></TD></TR>
    <TR>
      <TD rowSpan=3><IMG style="DISPLAY: block" id=ffemail1_r3_c5 border=0 
        name=ffemail1_r3_c5 alt="" 
        src="http://i2.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r3_c5.jpg" 
        width=38 height=417></TD>
      <TD style="LINE-HEIGHT: 14px; BACKGROUND-COLOR: #fff; FONT-SIZE: 14px" 
      class=main vAlign=top rowSpan=3 colSpan=3>
        <P 
        style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><STRONG>Fresh 
        pesto now available to special order - let us know<BR>if you are 
        interested!</STRONG><BR><BR>See our new quick shop section to 
        make<BR>ordering your Food Folk favourites 
        even<BR>easier.<BR><BR><STRONG>We now offer free delivery and 
        have<BR>reduced the minimum order size to<BR>£10 or any vegetable 
        box.</STRONG><BR><BR><SPAN 
        style="COLOR: rgb(162,170,54)"><STRONG>Recommend a 
        friend</STRONG></SPAN><BR>And you'll receive a £5 Food Folk shopping 
        <BR>voucher when they place their first order.</P>
        <P 
        style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px">Si 
        meliora dies ut vina, poemata reddit, scire velim chartis pretium quotus 
        arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos 
        veteresque referri debet an inter vilis atque novos. <STRONG>See our 
        website</STRONG><BR><BR>Si meliora dies ut vina, poemata reddit, scire 
        velim chartis pretium quotus arroget annus. scriptor abhinc annos centum 
        qui decidit, inter perfectos veteresque referri debet an inter vilis 
        atque novos. scriptor abhinc annos centum qui decidit, inter perfectos 
        veteresque referri debet an inter vilis atque 
        novos.<STRONG><BR></STRONG></P></TD>
      <TD rowSpan=3><IMG style="DISPLAY: block" id=ffemail1_r3_c9 border=0 
        name=ffemail1_r3_c9 alt="" 
        src="http://i3.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r3_c9.jpg" 
        width=24 height=417></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=182></TD></TR>
    <TR>
      <TD colSpan=4><IMG style="DISPLAY: block" id=ffemail1_r4_c1 border=0 
        name=ffemail1_r4_c1 alt="" 
        src="http://i4.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r4_c1.jpg" 
        width=173 height=149></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=149></TD></TR>
    <TR>
      <TD rowSpan=3 colSpan=2><IMG style="DISPLAY: block" id=ffemail1_r5_c1 
        border=0 name=ffemail1_r5_c1 alt="" 
        src="http://i5.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r5_c1.jpg" 
        width=36 height=109></TD>
      <TD 
      style="LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c1e0d4; FONT-SIZE: 13px; PADDING-TOP: 3px" 
      class=offers vAlign=top rowSpan=3>
        <P 
        style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><STRONG>Scarry 
        offers</STRONG><BR><SPAN style="COLOR: rgb(162,170,54)"><STRONG>Buy 2 
        fresh jars of pesto and get 1 free!!</STRONG></SPAN></P></TD>
      <TD rowSpan=3><IMG style="DISPLAY: block" id=ffemail1_r5_c4 border=0 
        name=ffemail1_r5_c4 alt="" 
        src="http://i6.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r5_c4.jpg" 
        width=27 height=109></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=86></TD></TR>
    <TR>
      <TD colSpan=5><IMG style="DISPLAY: block" id=ffemail1_r6_c5 border=0 
        name=ffemail1_r6_c5 alt="" 
        src="http://i7.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r6_c5.jpg" 
        width=439 height=16></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=16></TD></TR>
    <TR>
      <TD rowSpan=5 colSpan=2><IMG style="DISPLAY: block" border=0 alt=Cows 
        src="http://i1.createsend.com/ei/r/31/434/D87/nri/tytjyd/ff-email-1_r7_c5205800.jpg" 
        width=309 height=209></TD>
      <TD rowSpan=2 colSpan=3><IMG style="DISPLAY: block" id=ffemail1_r7_c7 
        border=0 name=ffemail1_r7_c7 alt="" 
        src="http://i9.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r7_c7.jpg" 
        width=130 height=58></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=7></TD></TR>
    <TR>
      <TD rowSpan=2 colSpan=4><IMG style="DISPLAY: block" id=ffemail1_r8_c1 
        border=0 name=ffemail1_r8_c1 alt="" 
        src="http://i10.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r8_c1.jpg" 
        width=173 height=132></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=51></TD></TR>
    <TR>
      <TD rowSpan=2><IMG style="DISPLAY: block" id=ffemail1_r9_c7 border=0 
        name=ffemail1_r9_c7 alt="" 
        src="http://i2.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r9_c7.jpg" 
        width=16 height=89></TD>
      <TD style="LINE-HEIGHT: 14px; BACKGROUND-COLOR: #fff" class=little-note 
      vAlign=top rowSpan=2>
        <P 
        style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px">Remember 
        we can deliver fresh milk to your door… </P></TD>
      <TD rowSpan=2><IMG style="DISPLAY: block" id=ffemail1_r9_c9 border=0 
        name=ffemail1_r9_c9 alt="" 
        src="http://i3.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r9_c9.jpg" 
        width=24 height=89></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=81></TD></TR>
    <TR>
      <TD rowSpan=2 colSpan=4><A style="COLOR: #462d06; TEXT-DECORATION: none" 
        href="http://thefoodfolk.createsend.com/t/r/l/htjltu/l/y"><IMG 
        style="DISPLAY: block" id=ffemail1_r10_c1 border=0 name=ffemail1_r10_c1 
        alt="" 
        src="http://i4.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r10_c1.jpg" 
        width=173 height=70></A></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=8></TD></TR>
    <TR>
      <TD colSpan=3><IMG style="DISPLAY: block" id=ffemail1_r11_c7 border=0 
        name=ffemail1_r11_c7 alt="" 
        src="http://i1.createsend.com/ti/r/B9/28E/37B/214056/images/ff-email-1_r11_c7.jpg" 
        width=130 height=62></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=62></TD></TR>
    <TR>
      <TD 
      style="PADDING-BOTTOM: 6px; LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372; PADDING-LEFT: 29px; FONT-SIZE: 9px" 
      class=copy colSpan=4>© the food folk 2009</TD>
      <TD 
      style="PADDING-BOTTOM: 6px; LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372; PADDING-LEFT: 38px; FONT-SIZE: 9px" 
      class=unsub colSpan=2><A style="COLOR: #462d06; TEXT-DECORATION: none" 
        href="http://thefoodfolk.createsend.com/t/r/u/htjltu/l/">click here to 
        unsubscribe</A></TD>
      <TD 
      style="PADDING-BOTTOM: 6px; LINE-HEIGHT: 14px; BACKGROUND-COLOR: #c6a372; PADDING-LEFT: 9px; FONT-SIZE: 9px" 
      class=mehim colSpan=3><A style="COLOR: #462d06; TEXT-DECORATION: none" 
        href="http://thefoodfolk.createsend.com/t/r/l/htjltu/l/j" 
        target=_blank>design by me&amp;him</A></TD>
      <TD><IMG style="DISPLAY: block" border=0 alt="" 
        src="http://i8.createsend.com/ti/r/B9/28E/37B/214056/images/spacer.gif" 
        width=1 height=21></TD></TR></TBODY></TABLE><IMG 
  style="PADDING-BOTTOM: 0px !important; BORDER-RIGHT-WIDTH: 0px !important; MARGIN: 0px; PADDING-LEFT: 0px !important; WIDTH: 1px !important; PADDING-RIGHT: 0px !important; BORDER-TOP-WIDTH: 0px !important; BORDER-BOTTOM-WIDTH: 0px !important; HEIGHT: 1px !important; BORDER-LEFT-WIDTH: 0px !important; PADDING-TOP: 0px !important" 
  border=0 src="http://thefoodfolk.createsend.com/t/r/o/htjltu/l/o.gif" width=1 
  height=1> </BLOCKQUOTE></BODY></HTML>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098