{"id":135,"date":"2024-11-22T14:13:23","date_gmt":"2024-11-22T14:13:23","guid":{"rendered":"https:\/\/xendy.me\/create\/?p=135"},"modified":"2025-10-27T18:10:26","modified_gmt":"2025-10-27T18:10:26","slug":"support-of-web-fonts","status":"publish","type":"post","link":"https:\/\/support.xendy.me\/en\/support-of-web-fonts\/","title":{"rendered":"Web font support in email design"},"content":{"rendered":"<div class=\"row\"  id=\"row-1827856846\">\n\n\t<div id=\"col-1207041234\" class=\"col medium-4 small-12 large-4\"  >\n\t\t<div class=\"is-sticky-column\" data-sticky-mode=\"javascript\"><div class=\"is-sticky-column__inner\">\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Contents<\/h3>\n<div class=\"article-index\" style=\"margin-bottom: 20px;\"><style>\n        .article-index a:hover {\n            text-decoration: underline;\n        }\n    <\/style><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#introduction\">Introduction<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#what-are-web-fonts\">What are web fonts?<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#support-for-web-fonts\">Support for web fonts<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#why-are-they-not-displayed\">Why are they not displayed?<\/a><\/div><div style=\"font-weight: 500; font-size: 12px;\"><a href=\"#frequently-asked-questions\">Frequently asked questions<\/a><\/div><\/div>\n\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-399709824\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2 id=\"introduction\">Introduction<\/h2>\n<p>A font determines a large part of the appearance and readability of your emails. Web fonts give your brand a unique style, but in email marketing there are limitations: not all email clients, such as Outlook and Gmail, support them. That\u2019s why it\u2019s important to understand where web fonts work and how to set proper fallbacks.<\/p>\n<h2 id=\"what-are-web-fonts\">What are web fonts?<\/h2>\n<p>Web fonts are fonts loaded from an external server (such as Google Fonts). Unlike system fonts (like Arial or Times New Roman), web fonts are not installed by default on every device. In Xendy, you can choose from a large selection of Google Fonts, such as Open Sans, Lato, Roboto, Poppins, and Montserrat.<\/p>\n<h2 id=\"support-for-web-fonts\">Support for web fonts<\/h2>\n<p>Not all email clients support external web fonts (like Google Fonts). That\u2019s why Xendy always provides automatic fallbacks: if a web font cannot be loaded, the email automatically falls back to <b>Arial<\/b> and then to <b>Helvetica<\/b>. This ensures your email remains readable and consistent.<\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><b>Support level<\/b><\/p>\n<\/td>\n<td>\n<p><b>Email clients<\/b><\/p>\n<\/td>\n<td>\n<p><b>Note<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>Full<\/p>\n<\/td>\n<td>\n<p>Apple Mail (macOS, iOS), Samsung Email app, Android Mail (AOSP), Thunderbird<\/p>\n<\/td>\n<td>\n<p>Loads Google Fonts correctly.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>Limited \/ Inconsistent<\/p>\n<\/td>\n<td>\n<p>Outlook for Mac (new), Yahoo! Mail, Outlook.com<\/p>\n<\/td>\n<td>\n<p>Google Fonts are sometimes ignored, but not consistently. Arial and Helvetica are shown when not available.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p>No support<\/p>\n<\/td>\n<td>\n<p>Gmail (web and apps), Outlook for Windows, ProtonMail, older clients<\/p>\n<\/td>\n<td>\n<p>Google Fonts are never loaded. Arial and Helvetica are always shown.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"why-are-they-not-displayed\">Why are they not displayed?<\/h2>\n<p>Many email clients block external web fonts for security and privacy reasons. Loading fonts from external servers can be seen as a risk or as a way to track open and click behaviour. Additionally, some clients use outdated rendering engines (such as Outlook for Windows with Microsoft Word), which simply do not support web fonts. For this reason, web fonts are not always displayed, and <b>fallback fonts<\/b> like Arial and Helvetica are essential for proper formatting.<\/p>\n<h2 id=\"frequently-asked-questions\">Frequently asked questions<\/h2>\n<div class=\"accordion\">\n\t<div id=\"accordion-4208612182\" class=\"accordion-item\">\n\t\t<a id=\"accordion-4208612182-label\" class=\"accordion-title plain\" href=\"#accordion-item-what-are-web-fonts?\" aria-expanded=\"false\" aria-controls=\"accordion-4208612182-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>What are web fonts?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-4208612182-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-4208612182-label\" >\n\t\t\t\n<p>Web fonts are fonts loaded from an external server (such as Google Fonts). Unlike system fonts (like Arial or Times New Roman), web fonts are not installed by default on every device. In Xendy, you can choose from a large selection of Google Fonts, such as Open Sans, Lato, Roboto, Poppins, and Montserrat.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-3917689230\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3917689230-label\" class=\"accordion-title plain\" href=\"#accordion-item-why-don\u2019t-all-email-clients-support-web-fonts?\" aria-expanded=\"false\" aria-controls=\"accordion-3917689230-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Why don\u2019t all email clients support web fonts?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3917689230-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3917689230-label\" >\n\t\t\t\n<p>Many email clients block external web fonts for security and privacy reasons. Loading fonts from external servers can be seen as a risk or as a way to track open and click behaviour. Additionally, some clients use outdated rendering engines (such as Outlook for Windows with Microsoft Word), which simply do not support web fonts. For this reason, web fonts are not always displayed, and <b>fallback fonts<\/b> like Arial and Helvetica are essential for proper formatting.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-3967404858\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3967404858-label\" class=\"accordion-title plain\" href=\"#accordion-item-which-email-clients-support-web-fonts?\" aria-expanded=\"false\" aria-controls=\"accordion-3967404858-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Which email clients support web fonts?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3967404858-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3967404858-label\" >\n\t\t\t\n<ul>\n<li><strong>Full support:<\/strong> Apple Mail (macOS, iOS), Samsung Email app, Android Mail (AOSP), Thunderbird<\/li>\n<li><strong>Limited \/ inconsistent support:<\/strong> Outlook for Mac (new), Yahoo! Mail, Outlook.com<\/li>\n<li><strong>No support:<\/strong> Gmail (web and apps), Outlook for Windows, ProtonMail, older clients<\/li>\n<\/ul>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-3340270079\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3340270079-label\" class=\"accordion-title plain\" href=\"#accordion-item-what-happens-if-a-web-font-is-not-supported?\" aria-expanded=\"false\" aria-controls=\"accordion-3340270079-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>What happens if a web font is not supported?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3340270079-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3340270079-label\" >\n\t\t\t\n<p>If a web font is not supported, the email client will use the fallback font. This is configured by Xendy. By default, we display Arial and Helvetica as fallback fonts.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-features"],"_links":{"self":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":12,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":1751,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/posts\/135\/revisions\/1751"}],"wp:attachment":[{"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.xendy.me\/en\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}