La Poste Webmail Testing: What You Need to Know

La Poste is a major mail service in France and also offers email services to millions of users. While mostly having good support for HTML email, La Poste’s web client does have a few quirks.

If you’re sending email to French recipients, it’s a fair bet that you’ll be seeing some La Poste addresses. Don’t worry! Email on Acid offers email testing in this client so that you can make sure all your emails are pixel perfect.

In this post we’ll see how it copes with some of the most common email development techniques. If you’d like to skip straight to support, you can find a table at the bottom of the post.

The Good

After some testing, I found that the most commonly used techniques are well-supported in La Poste.

Spacing

Spacing applied to HTML elements works as expected. Cellpadding, padding and margin are all supported and work well.

Borders

Borders also work as we’re used to seeing on the web. We tested with the code below.

border: 5px solid #ff0000;

Dashed and rounded borders work well, as do borders on only some sides, border weight and so on.

Headers and Paragraphs

Semantic markup like P and H1-H7 tags are all supported by La Poste.

Header

Paragraph

Animated GIFs

These simple images can do a lot to spice up an email, so we’re glad to report that they are supported in La Poste and will loop.

Max-width

Fear not, hybrid coders! The max-width style, combined with percentage-based widths, will work as expected.

width:100%; max-width:600px;

Font and text styles

We have some good support for different text elements and styles we employ in email. The following styles are supported.

font-size: 14px; 
font-family: 'Palatino Linotype',sans-serif; 
line-height: 16px;

Lists

We found that both ordered and unordered lists work.

in the head and body

La Poste supports embedded styles, whether those are included in the section of an email or in the . It’s great to have another client on board with embedded styles.

The Bad

While La Poste is an excellent email client in most ways, there are a few places that their support for HTML and CSS isn’t great.

Tables

Tables have great support in most email clients, and for the most part La Poste is no exception. Just make sure to define table width using inline CSS, as the width attribute is ignored.

Backgrounds

Background images won’t render in La Poste. We tried CSS inline backgrounds.

background-image: url(images/image.jpg)

As well as HTML attribute backgrounds.

background="images/image.jpg"

Neither of these work in La Poste, so you’ll have to choose a background color as a fallback. Luckily, background colors do work properly.

HTML: background="#ff0000"  
CSS: background-color: #ff0000;

@font-face

You won’t be able to import custom fonts using @font-face in La Poste, so be sure to choose a good fallback font. We tested a set of common web-safe fonts, and we found that the following are all supported in La Poste: Arial Black, Trebuchet MS, Verdana, Century Gothic, Lucida Sans, Lucida Console, Courier, Georgia, Times New Roman, and Palatino Linotype.

Support Chart

Here’s a handy support chart that summarizes what’s supported and what’s not.

La Poste Support

Element/Style Support
in head
in body
CSS Selectors
img
table No width attr support
class
id
padding
margin
      border-radius
      border
      line-height
      font-family
      font-decoration
      font-size
      max-width
      Animated GIFs

      CSS inline background
      HTML attribute background
      @font-face

      Closing words

      Backgrounds and custom fonts aside, La Poste generally has great support for modern HTML and CSS. If you’ve been working with La Poste and know some of the quirks of this client, let us know in the comments below!

      If you’re sending to a lot of La Poste addresses, try our email testing software, free for 7 days, and make sure your email looks fantastic! We offer testing in La Poste, along with a host of other regional email clients.

      Leave a Reply