Outlook 2007 - fonts not rendering properly

Posted on 2012-09-04
Last Modified: 2012-10-24
I'm attempting to send an e-mail using Century Gothic, but Outlook seems to be rendering them as Times New Roman.  However if I save the source code as an html page then view it in the browser, the fonts show up fine.  Why doesn't Outlook render this properly?  Below is my CSS.

<style type="text/css">
        font-family: "Century Gothic", Arial;
        width: 700px;
Question by:saturation
    LVL 25

    Accepted Solution

    Writing HTML emails is a completely different animal to browser HTML. Email clients are very limited in CSS and especially outlook07. You need to google HTML email CSS support. Mailchimp and Campaign monitor have some good resources.
    LVL 47

    Expert Comment

    Two lines of thought here

    My Initial thought is if your sending an email with Custom HTML Code, its likely the MailForm being used is not a standard outlook Form or is using a customized form.

    IN these cases, when sending custom forms in outlook, not only does the creater/developer need a copy of the form, but so does the recipients

    If the recipients dont have a saved local copy of the form, the form will not display properly

    Second train of thought here is.
    How is the email being created and how is it being sent?

    If this is being done through another application or source code
    Ask yourself if the Email is actaully being sent Via Outlook/Exchange Ect ect

    Or is it being sent via MAPIMAIL
    When Sending Mail Items using MAPIMAIL, it does appear to be through outlook
    However, MAPIMAIL Behavior is quite different as it has limited HTML and FONT capabilities

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Suggested Solutions

    My experience with Windows 10 over a one year period and suggestions for smooth operation
    Get an idea of what you should include in an email disclaimer with these Top 5 email disclaimer tips.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    754 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now