{"id":6000,"date":"2016-10-05T00:00:00","date_gmt":"2016-10-05T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support\/"},"modified":"2025-12-23T17:25:43","modified_gmt":"2025-12-23T22:25:43","slug":"windows-10-mail-email-rendering-support","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support","title":{"rendered":"Windows 10 Mail Email Rendering Support + Quirks"},"content":{"rendered":"<p>Windows 10 Mail is one of the newest email clients to be added to <a rel=\"noopener\" href=\"https:\/\/litmus.com\/email-testing\">Previews<\/a>. To help you get the most out of your email previews, we\u2019ve highlighted what its email rendering support is like and any quirks you can expect to see in it.<\/p>\n<p>Windows 10 is the successor to Microsoft\u2019s Windows 8 operating system, released to consumers in July 2015. Initially Windows 10 was offered as a free upgrade to any customer with a legitimate copy of either Windows 7 or 8. By October 2015 <a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/www.theverge.com\/2015\/10\/6\/9442377\/microsoft-windows-10-download-numbers-surface-users\">Microsoft reported<\/a> that there were over 110 million devices with Windows 10 installed, and as of June 2016 that number has risen to nearly 350 million devices.<\/p>\n<p>While Outlook is usually the email client you would associate with a Windows environment, Windows 10 has its own default mail app\u2013Windows Mail. The Windows Mail app has been included in Windows Vista, 8, and 10 operating systems.<\/p>\n<p>Users can use their Gmail, Yahoo, iCloud, AOL and custom IMAP accounts\u2013there\u2019s no need for a Microsoft account. This, combined with the fact that the Mail app is free with Windows 10, makes the app an incredibly accessible email client.<\/p>\n<figure id=\"post-15048 media-15048\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/windows10mail-accounts.jpg\" alt=\"Windows 10\" \/><\/figure>\n<p>Overall desktop opens in Windows 10 Mail have increased from just under 3% in March 2016 to nearly 6% by July 2016, with each month seeing an increase over the previous month\u2019s market share. This steady rise in <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/emailclientmarketshare.com\">market share<\/a> is an indication that email marketers need to be aware of this increasingly popular email client.<\/p>\n<div class=\"cta\">\n<table>\n<tbody>\n<tr>\n<td class=\"block-1\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/tracking-manager.png\" \/><\/td>\n<td class=\"block-2\">\n<h2>Do your subscribers open in Windows 10 Mail?<\/h2>\n<p>Find out where your subscribers open email and focus your development &amp; testing efforts on the clients and devices that matter most.<\/p>\n<p class=\"zero\"><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/litmus.com\/email-analytics\" target=\"_blank\" rel=\"noopener noreferrer\">Explore email analytics \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2>App View<\/h2>\n<p>There are very few app view customization options available to users in Windows 10 Mail. For example you can\u2019t add any folders to the left-hand window pane. The default view shows three columns, with the email selected by the user shown in the right-hand pane.<\/p>\n<p>The entire Mail window can be made smaller by collapsing the left-hand column.<\/p>\n<figure id=\"post-15047 media-15047\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/windows10mail-3cols-1000x562.png\" alt=\"Windows 10 Mail\" \/><\/figure>\n<p>With this three-column view, the right-hand pane where emails will be viewed could be restrictive in width, depending on the resolution set by the user. To have as little horizontal scrolling as possible for Windows 10 Mail users, keep the max-width of your emails to 650px.<\/p>\n<h3>The Envelope<\/h3>\n<p>Your email\u2019s from name, subject line and <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-preview-text-support\/\" target=\"_blank\" rel=\"noopener\">preview text<\/a> are all visible to Windows 10 Mail users in the inbox listing view. The from name is the most visible part of the email envelope in the email listings view. Using a recognisable and consistent from name will help subscribers find your emails quickly.<\/p>\n<p>As for your <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/how-to-write-captivating-email-subject-lines\">subject line<\/a> and preview text\u2013you\u2019ve got 34 characters for both, to engage your subscriber enough to open your email. The <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/the-ultimate-guide-to-preview-text-support\">preview text<\/a> is displayed directly underneath the subject line, so be sure to craft your preview text with your subject line in mind.<\/p>\n<h2>How do your emails look in Windows 10 Mail?<\/h2>\n<p>Email developers should be familiar with some of the quirks of how Windows 10\u2019s Mail app renders HTML. Since it uses Microsoft Word as its rendering engine, many of the rendering quirks email developers experience in Outlook will also be experienced in Windows 10 Mail.<\/p>\n<h3>Background Images<\/h3>\n<p>Background images are, as in Outlook, not supported. The <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/backgrounds.cm\/\">go-to solution<\/a> to combat this issue in Outlook 2007\/10\/13 uses a combination of VML and HTML to enable background images. However, this doesn\u2019t work in Windows 10 Mail.<\/p>\n<p>This should act as a reminder to not use background images to visualize important messaging in your email. However, they can be used as an added bonus, or finishing touch to email designs. If you do use background images in your emails, be sure to thoroughly test and have fallbacks in place, such as a <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/background-colors-html-email\/\" target=\"_blank\" rel=\"noopener\">background color<\/a>, for when background images aren\u2019t supported.<\/p>\n<h3>Web Fonts<\/h3>\n<p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-web-fonts\/\" target=\"_blank\" rel=\"noopener\">Web fonts<\/a> are sadly also not supported. However, unlike Outlook, where <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/36-outlook-and-fallback-fonts\">a hack<\/a> has to be used so that web fonts don\u2019t fallback to Times New Roman, this isn\u2019t needed in Windows 10 Mail. As long as there is a web safe font in your font-family, that font will render in Windows 10 Mail.<\/p>\n<pre><code style=\"background: #444; color: #fff;\">font-family: ProximaNova-Regular, Arial, sans-serif;<\/code><\/pre>\n<p>In the example above, the web safe font Arial will render for Windows 10 Mail users.<\/p>\n<div class=\"cta\">\n<div class=\"container pt-3 pb-5 px-1\">\n\t<div class=\"row blog-cta-green rounded-5 p-4\">\n\t\t<div class=\"mx-auto col-12\">\n\t\t\t<div class=\"row d-flex align-items-center\">\n\t\t\t<div class=\"col-lg-6 col-12\">\n\t\t\t\t<p class=\"bold fs-4\">Take the stress out of sending<\/p>\n\t\t\t\t<p>Catch errors before they reach your subscribers. Test rendering, links, and spam scores in seconds. \n<\/p>\n\t\t\t\t<button class=\"button-blue arrow\"><a href=\"https:\/\/www.litmus.com\/email-testing\" class=\"text-white text-decoration-none\">Start email testing<\/a><\/button>\n\t\t\t<\/div><!--col-6-->\n\t\t\t<div class=\"col-6 d-none d-lg-block\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/07\/blog-cta-email-guardian-07292024.svg\" width=\"210\" height=\"180\" alt=\"\">\n\t\t\t<\/div><!--col-6-->\n\t\t\t<\/div> <!--row-->\n\t\t<\/div><!--col-12-->\n\t<\/div><!--row-->\n<\/div><!--container-->\n\t\n\t\n\t\n\t\n<\/p>\n<\/div>\n<h3>Auto-Linking and Underlining<\/h3>\n<p>Another rendering quirk that\u2019s not new to developers is auto-linking of mailing addresses and telephone numbers, in blue and with a dashed underline.<\/p>\n<figure id=\"post-15046 media-15046\" class=\"aligncenter nudged\"><img decoding=\"async\" class=\" shaded\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/windows10-address.jpg\" alt=\"Windows 10 Mail\" \/><\/figure>\n<p>A useful feature for users on mobile devices but an annoyance on desktop devices. Rather than using a hack to remove this functionality entirely, these links can be styled to match your email\u2019s design.<\/p>\n<p>Wrap addresses and telephone numbers in &lt;span&gt;s, and in the &lt;head&gt; of your email create a class to style these links:<\/p>\n<pre><code style=\"background: #444; color: #fff;\">.addressLink a {color:#c0c0c0!important; text-decoration:none!important;}<\/code><\/pre>\n<p>In the HTML wrap any address in a &lt;span&gt;, which you\u2019d like to be styled to match your email design, with the appropriate class name:<\/p>\n<pre><code style=\"background: #444; color: #fff;\">&lt;span class=\"addressLink\"&gt;123 Avenue Road, USA, Earth&lt;\/span&gt;<\/code><\/pre>\n<p>Learn more about this quirk at the <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/4614-blue-underlined-links-for-addresses-in-windows-10-mail\">Community<\/a>, where Community member James White has dug into why this happens in Windows 10 Mail.<\/p>\n<p>Windows 10 Mail is also guilty of automatically underlining links in your email, even when inlined CSS for a link explicitly defines the link to not have an underline. The fix is simple.<\/p>\n<p>Place:<\/p>\n<pre><code style=\"background: #444; color: #fff;\">a {text-decoration: none;}<\/code><\/pre>\n<p>In the &lt;head&gt; in your &lt;style&gt; block of your email code. Now all links in your email won\u2019t have an underline. The unfortunate downside of this is if you do want some links in your email to have an underline, the \u201ctext-decoration\u201d attribute needs to be reset inline, per link.<\/p>\n<p>While you\u2019re adding the above bit of CSS into your &lt;style&gt; block you may also want to consider adding CSS to style visited links too as these will have default styling attached to them.<\/p>\n<p>Simply add:<\/p>\n<pre><code style=\"background: #444; color: #fff;\">a:visited {color:#c0c0c0; text-decoration:none;}<\/code><\/pre>\n<p>To your &lt;style&gt; block to style visited links.<\/p>\n<h3>Animated gifs<\/h3>\n<p>It shouldn\u2019t be a surprise to hear that animated gifs are not supported in Windows 10 Mail. Similar to Outlook, only the first frame of the animation in the gif will appear to the user. So make that first frame count.<\/p>\n<h2>Send us your bugs<\/h2>\n<p>Submit your feedback and rendering bugs by sending an email to <a rel=\"noopener\" target=\"_blank\" href=\"mailto:outlook@litmus.com\">outlook@litmus.com<\/a>. Litmus is collecting bugs the community finds in an effort to make email better. <a rel=\"noopener\" href=\"https:\/\/litmus.com\/microsoft-partnership\">Learn about the Microsoft Partnership<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Windows 10 Mail is one of the newest email clients to be added to Litmus Previews. To help you get the most out of your email previews, we\u2019ve highlighted what its email rendering support is like and any quirks you can expect to see in it.<\/p>\n","protected":false},"author":3,"featured_media":6001,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[10254,1575],"blog_category":[549],"class_list":["post-6000","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-preview","tag-rendering","blog_category-product"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Windows 10 Mail Email Rendering Support + Quirks - Litmus<\/title>\n<meta name=\"description\" content=\"Windows 10 Mail is one of the newest email clients in Litmus Previews. We highlighted what email QA support is like and quirks you might find.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Windows 10 Mail Email Rendering Support + Quirks\" \/>\n<meta property=\"og:description\" content=\"Windows 10 Mail is one of the newest email clients in Litmus Previews. We highlighted what email QA support is like and quirks you might find.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-05T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-23T22:25:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Windows 10 Mail Email Rendering Support + Quirks - Litmus","description":"Windows 10 Mail is one of the newest email clients in Litmus Previews. We highlighted what email QA support is like and quirks you might find.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support","og_locale":"en_US","og_type":"article","og_title":"Windows 10 Mail Email Rendering Support + Quirks","og_description":"Windows 10 Mail is one of the newest email clients in Litmus Previews. We highlighted what email QA support is like and quirks you might find.","og_url":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2016-10-05T00:00:00+00:00","article_modified_time":"2025-12-23T22:25:43+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support"},"author":{"name":"","@id":""},"headline":"Windows 10 Mail Email Rendering Support + Quirks","datePublished":"2016-10-05T00:00:00+00:00","dateModified":"2025-12-23T22:25:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support"},"wordCount":1061,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png","keywords":["Preview","Rendering"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support","url":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support","name":"Windows 10 Mail Email Rendering Support + Quirks - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png","datePublished":"2016-10-05T00:00:00+00:00","dateModified":"2025-12-23T22:25:43+00:00","description":"Windows 10 Mail is one of the newest email clients in Litmus Previews. We highlighted what email QA support is like and quirks you might find.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/featured-windows-10-mail-email-rendering-support-quirks.png","width":1380,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/windows-10-mail-email-rendering-support#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Windows 10 Mail Email Rendering Support + Quirks"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/6000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=6000"}],"version-history":[{"count":5,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/6000\/revisions"}],"predecessor-version":[{"id":121810,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/6000\/revisions\/121810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/6001"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=6000"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=6000"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=6000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}