ActiveCampaign / postmark-templates

Rock-solid transactional email templates for applications.

Home Page:https://postmarkapp.com/transactional-email-templates

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Switch To Better Font Stacks

bdkjones opened this issue · comments

Problem:

Currently, the Postmark templates use custom Google fonts. Specifically Nunito Sans. This has several consequences:

  1. Email clients such as Mail.app on macOS Ventura now display a very prominent "This message loaded remote content" bar for Postmark template emails. To a layperson, that seems very suspicious. They don't understand that it was just a font; they've read 321 CNN articles about viruses and trackers in email and now it looks like MY company is doing that because I adopted Postmark templates.

  2. Because OS vendors are (rightfully) tightening down security screws, loading remote content in emails is more frequently disabled by default now, meaning that the custom font isn't displayed anyway and the remaining fonts in the current stack are sub-optimal.

Proposed Solution:

Switch to a font stack that leverages the fonts already present on the user's system. The stack from WordPress is the gold standard here:

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Oxygen-Sans, Ubuntu, Cantarell,
               "Helvetica Neue", sans-serif;
}

That covers Apple platforms (mac and iOS), Windows, Android, KDE Linux, Ubuntu Linux, Other Gnome Linux and then falls back to Helvetica Neue. Eliminating the @import for the remote Google font also eliminates the scary this message loaded remote content banner and it increases message load performance. All wins.

Is Postmark still working on the product or has it been abandoned by ActiveCampaign?