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.
After some testing, I found that the most commonly used techniques are well-supported in La Poste.
Spacing applied to HTML elements works as expected. Cellpadding, padding and margin are all supported and work well.
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.
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.
Fear not, hybrid coders! The max-width style, combined with percentage-based widths, will work as expected.
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;
We found that both ordered and unordered lists work.
<style> in the head and body
La Poste supports embedded styles, whether those are included in the <head> section of an email or in the <body>. It’s great to have another client on board with embedded styles.
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 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.
Background images won’t render in La Poste. We tried CSS inline backgrounds.
As well as HTML attribute backgrounds.
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;
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.
Here’s a handy support chart that summarizes what’s supported and what’s not.
La Poste Support
|<style> in head|
|<style> in body|
|table||No width attr support|
|CSS inline background|
|HTML attribute background|
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.
Author: Alex Ilhan
Hailing all the way from England, Alex brings his email development expertise along with an endless stream of cups of tea and British cynicism. Follow him on Twitter: @omgitsonlyalex.