Aol Mail


Coding tips and workarounds for AOL’s webmail client.

1 Why aren't my fonts displaying correctly?

AOL uses the following default CSS:

body {font-family:Arial,sans-serif;font-size:10pt;}
th {font
td {color

You just need to overwrite this in your embedded CSS.

To achieve the same effect in Gmail, you can set the font in your body tag (you need to use inline CSS for the TH and TD, sorry!).  Here is an example:

<body style=" font-family:Arial,sans-serif; font-size:10pt "

2 Why isn't my embedded CSS working?

If you are using any relative URL paths in your embedded CSS, AOL will strip out the entire style block.  You must use absolute references.

Other browser extensions like “-moz-binding” have also been known to cause this issue.

3 What happened to my doctype?

AOL strips the doctype from your email. There is no known workaround for this.

4 Why does my email seem to be overlapping the right column?

On wide emails, you may occasionally see an email that looks like it is hanging off the right side of the frame. In our web client previews (Yahoo! Mail,, AOL Mail, Gmail, etc), we intentionally modify the client’s styles to allow your entire email to be visible even if it is wider than the viewing pane. We do this because we can’t account for all of the possible email widths that may come through our system. No, this is not exactly what it would look like in the live client, but it enables you to see the whole email, as well as how much of the email would require horizontal scrolling to view. The part of your email that overlaps the right column would not normally be visible in a browser window of that width.