Skip navigation
Currently Being Moderated

HTML Email - Inline CSS

Feb 4, 2014 2:14 PM

Hello,

 

My inline CSS doesnt seem to be working in all eamil clients.  Can you tell me what I have wrong with this:

 

<td height="50" style="font-family:Arial, Helvetica, sans-serif, 'Century Gothic'; font-size: 30px; color:#FFFFFF; line-height:80%; text-align:left; font-weight:bold; font-style:italic;">SAMPLE TEXT</td>

 
Replies
  • Currently Being Moderated
    Feb 4, 2014 2:21 PM   in reply to mshef534

    Not all email clients read/render all css.

     

    What part of that isn't showing and in which email client(s)?

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 2:44 PM   in reply to mshef534

    Remove the last semi-colon from your inline styles. 

     

    font-style:italic"

     

    The last style rule doesn't need a semi-colon because it isn't followed by more style rules.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 2:53 PM   in reply to Nancy O.

    Nancy - that doesn't matter.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 2:55 PM   in reply to MurraySummers

    And I'm puzzled by this family tree -

     

    font-family:Arial, Helvetica, sans-serif, 'Century Gothic'

     

    It's weird, especially since ALL computers have a generic sans-serif font face. I mean when would Century Gothic ever get chosen?

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 3:35 PM   in reply to mshef534

    I beg to differ. This is definitely not one of the default families. The only way you could get something like this would be to edit that family. But the larger point is - you would never see Century Gothic with that family since it's evaluated from left to right and would always score a hit on sans-serif.

     
    |
    Mark as:
  • Jim Carpenter
    546 posts
    Apr 6, 2006
    Currently Being Moderated
    Feb 4, 2014 3:52 PM   in reply to MurraySummers

    Do as Murray says and remove that part of the style, you don't need it. Sometimes the extra ' will make it quirky. I hope the body of the email is a dark color since your using white text color (#FFFFFF). It should render in most if not all emails.

     

    <td height="50" style="font-family:Arial, Helvetica, sans-serif; font-size: 30px; color:#FFFFFF; line-height:80%; text-align:left; font-weight:bold; font-style:italic;">SAMPLE TEXT</td>

     

    You could try something like this:

     

    <td height="50"><p style="font-family:Arial, Helvetica, sans-serif, 'Century Gothic'; font-size: 30px; color:#FFFFFF; line-height:80%; text-align:left; font-weight:bold; font-style:italic;">SAMPLE TEXT</p></td>

     

    Jim

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points