From a4ecc008fac61faab80b247e8c45311201b3f293 Mon Sep 17 00:00:00 2001
From: Matthew Birtch <mattbirtch@gmail.com>
Date: Mon, 22 Jun 2026 10:41:36 -0400
Subject: [PATCH] MM-68232: Remove external Google Fonts from email templates
 (#36011)

* remove google font dependency from emails

* fix malformed anchor closing tag in cloud_welcome_email.html

---------

Co-authored-by: Jesse Hallam <jesse@mattermost.com>
---
 server/templates/cloud_14_day_arrears.html    |  30 ++---
 server/templates/cloud_30_day_arrears.html    |  34 ++---
 server/templates/cloud_30_day_arrears.mjml    |  10 +-
 server/templates/cloud_45_day_arrears.html    |  34 ++---
 server/templates/cloud_7_day_arrears.html     |  30 ++---
 server/templates/cloud_90_day_arrears.html    |  34 ++---
 .../templates/cloud_renewal_notification.html |  28 ++---
 .../templates/cloud_upgrade_confirmation.html |  26 ++--
 .../templates/cloud_upgrade_confirmation.mjml |  10 +-
 server/templates/cloud_welcome_email.html     |  30 ++---
 .../templates/email_change_verify_body.html   |  14 +--
 server/templates/invite_body.html             |  40 +++---
 server/templates/ip_filters_changed.html      |  32 ++---
 server/templates/license_notification.html    |  18 +--
 server/templates/messages_notification.html   | 116 ++++++++----------
 .../cloud_questions_hr_email_footer.mjml      |   2 +-
 .../cloud_title_2subtitles_button.mjml        |   8 +-
 .../cloud_title_3subtitles_button.mjml        |  10 +-
 .../templates/partials/message_attachment.css |   4 +-
 .../partials/message_attachment.html          |   2 +-
 server/templates/partials/style.css           |  10 +-
 server/templates/partials/style.mjml          |   6 +-
 server/templates/payment_failed_body.html     |  34 ++---
 server/templates/payment_failed_body.mjml     |  10 +-
 server/templates/reset_body.html              |  30 ++---
 server/templates/verify_body.html             |  32 ++---
 server/templates/welcome_body.html            |  34 ++---
 27 files changed, 269 insertions(+), 399 deletions(-)

diff --git a/server/templates/cloud_14_day_arrears.html b/server/templates/cloud_14_day_arrears.html
index ebd1e3dcc12..3c8b66767c0 100644
--- a/server/templates/cloud_14_day_arrears.html
+++ b/server/templates/cloud_14_day_arrears.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,17 +397,17 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:10px 0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" style="font-size:0px;padding:10px 25px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -423,7 +415,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -496,12 +488,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -559,7 +551,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/cloud_30_day_arrears.html b/server/templates/cloud_30_day_arrears.html
index 47ef5b5c84a..aab25626865 100644
--- a/server/templates/cloud_30_day_arrears.html
+++ b/server/templates/cloud_30_day_arrears.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,22 +397,22 @@
                             <tbody>
                               <tr>
                                 <td align="left" class="title" style="font-size:0px;padding:10px 0px;padding-left:25px;word-break:break-word;">
-                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:14px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:118px;padding-left:60px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;"><mj-raw>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;"><mj-raw>
                                       <ul padding-left="118px" padding-right="118px">
                                         {{ range .Props.BulletListItems}}
                                         <li text-align="left">{{.}}</li>
@@ -434,7 +426,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription" style="display: inline-block; background: #FFFFFF; color: #1C58D9; font-family: Open Sans, sans-serif; font-size: 13px; font-weight: normal; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription" style="display: inline-block; background: #FFFFFF; color: #1C58D9; font-family: sans-serif; font-size: 13px; font-weight: normal; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.LimitsDocs}}
                                         </a>
                                       </td>
@@ -447,7 +439,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -520,12 +512,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -583,7 +575,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/cloud_30_day_arrears.mjml b/server/templates/cloud_30_day_arrears.mjml
index 1b3fb3bb3c5..0513917474c 100644
--- a/server/templates/cloud_30_day_arrears.mjml
+++ b/server/templates/cloud_30_day_arrears.mjml
@@ -11,16 +11,16 @@
       </mj-section>
       <mj-section  padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
         <mj-column>
-          <mj-text align="left" css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px" padding-left="25px">
+          <mj-text align="left" css-class="title" font-family="sans-serif" padding="10px 0px" padding-left="25px">
             {{.Props.Title}}
           </mj-text>
-          <mj-text align="left" padding-bottom="14px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-bottom="14px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="sans-serif">
             {{.Props.SubTitle1}}
           </mj-text>
-          <mj-text align="left" padding-bottom="24px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-bottom="24px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="sans-serif">
             {{.Props.SubTitle2}}
           </mj-text>
-          <mj-text align="left" padding-left="60px" padding-right="118px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-left="60px" padding-right="118px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="sans-serif">
             <mj-raw>
                 <ul padding-left="118px" padding-right="118px">
                     {{ range .Props.BulletListItems}}
@@ -32,7 +32,7 @@
           <mj-button color="#1C58D9" padding-bottom="30px" align="left" href="{{.Props.SiteURL}}/admin_console/billing/subscription">
             {{.Props.LimitsDocs}}
           </mj-button>
-          <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription" padding="0px" padding-bottom="24px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
+          <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription" padding="0px" padding-bottom="24px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="sans-serif">
             {{.Props.Button}}
           </mj-button>
         </mj-column>
diff --git a/server/templates/cloud_45_day_arrears.html b/server/templates/cloud_45_day_arrears.html
index bf4d45e85e4..329b8826d77 100644
--- a/server/templates/cloud_45_day_arrears.html
+++ b/server/templates/cloud_45_day_arrears.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,22 +397,22 @@
                             <tbody>
                               <tr>
                                 <td align="left" class="title" style="font-size:0px;padding:10px 0px;padding-left:25px;word-break:break-word;">
-                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -428,7 +420,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -441,7 +433,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_pricing_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_pricing_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.SecondaryActionButtonText}}
                                         </a>
                                       </td>
@@ -514,12 +506,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -577,7 +569,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/cloud_7_day_arrears.html b/server/templates/cloud_7_day_arrears.html
index 70230a6157f..f9dbbdd46ee 100644
--- a/server/templates/cloud_7_day_arrears.html
+++ b/server/templates/cloud_7_day_arrears.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,17 +397,17 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:10px 0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" style="font-size:0px;padding:10px 25px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -423,7 +415,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -496,12 +488,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -559,7 +551,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/cloud_90_day_arrears.html b/server/templates/cloud_90_day_arrears.html
index 2a5ac6913f5..312a73b8094 100644
--- a/server/templates/cloud_90_day_arrears.html
+++ b/server/templates/cloud_90_day_arrears.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,22 +397,22 @@
                             <tbody>
                               <tr>
                                 <td align="left" class="title" style="font-size:0px;padding:10px 0px;padding-left:25px;word-break:break-word;">
-                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -428,7 +420,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -441,7 +433,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_pricing_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_pricing_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.SecondaryActionButtonText}}
                                         </a>
                                       </td>
@@ -514,12 +506,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -577,7 +569,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/cloud_renewal_notification.html b/server/templates/cloud_renewal_notification.html
index 0977a8844b3..2689e77532b 100644
--- a/server/templates/cloud_renewal_notification.html
+++ b/server/templates/cloud_renewal_notification.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,12 +387,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -408,7 +400,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -469,12 +461,12 @@
                             <tbody>
                               <tr>
                                 <td align="left" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: left; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: left; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:20px;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                  <div style="font-family:sans-serif;font-size:14px;line-height:20px;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                     <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                       {{.Props.SupportEmail}}</a>
                                   </div>
@@ -501,7 +493,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/cloud_upgrade_confirmation.html b/server/templates/cloud_upgrade_confirmation.html
index f676b61c46f..3fe80fede25 100644
--- a/server/templates/cloud_upgrade_confirmation.html
+++ b/server/templates/cloud_upgrade_confirmation.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,12 +387,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:10px 0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" style="font-size:0px;padding:10px 25px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#3F4350;">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -408,7 +400,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -454,7 +446,7 @@
                                       </tr>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:20px;text-align:center;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:20px;text-align:center;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}
                                             </a>
@@ -486,7 +478,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:64px 0px 0px 0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/cloud_upgrade_confirmation.mjml b/server/templates/cloud_upgrade_confirmation.mjml
index 2a98bf101a6..5d5c9319717 100644
--- a/server/templates/cloud_upgrade_confirmation.mjml
+++ b/server/templates/cloud_upgrade_confirmation.mjml
@@ -11,13 +11,13 @@
       </mj-section>
       <mj-section padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
         <mj-column>
-          <mj-text css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px">
+          <mj-text css-class="title" font-family="sans-serif" padding="10px 0px">
             {{.Props.Title}}
           </mj-text>
-          <mj-text  padding-bottom="24px"  font-weight=400 color="#3F4350" font-size="16px" line-height="24px"  color="#000000" font-family="Open Sans, sans-serif" >
+          <mj-text  padding-bottom="24px"  font-weight=400 color="#3F4350" font-size="16px" line-height="24px"  color="#000000" font-family="sans-serif" >
             {{.Props.SubTitle}}
           </mj-text>
-          <mj-button href="{{.Props.ButtonURL}}" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
+          <mj-button href="{{.Props.ButtonURL}}" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="sans-serif">
             {{.Props.Button}}
           </mj-button>
         </mj-column>
@@ -25,7 +25,7 @@
       <mj-section  padding-top="57px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
         <mj-column padding="0px">
           <mj-image src="{{.Props.SiteURL}}/static/images/cloud-laptop.png" width="320px" padding="0px" />
-          <mj-text font-size="14px" line-height="20px" color="#3F4350" font-family="Open Sans, sans-serif">
+          <mj-text font-size="14px" line-height="20px" color="#3F4350" font-family="sans-serif">
             {{.Props.QuestionInfo}}
             <a href='mailto:{{.Props.SupportEmail}}'>
               {{.Props.SupportEmail}}
@@ -35,7 +35,7 @@
       </mj-section>
       <mj-section padding="0px 24px 48px 24px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5" border-bottom="1px solid #E5E5E5">
         <mj-column border-top="1px solid #E5E5E5">
-          <mj-text css-class="emailFooter" padding="64px 0px 0px 0px" font-family="Open Sans, sans-serif">
+          <mj-text css-class="emailFooter" padding="64px 0px 0px 0px" font-family="sans-serif">
             {{.Props.Organization}}
             {{.Props.FooterV2}}
           </mj-text>
diff --git a/server/templates/cloud_welcome_email.html b/server/templates/cloud_welcome_email.html
index d2e8235cc52..82ba94d9c1b 100644
--- a/server/templates/cloud_welcome_email.html
+++ b/server/templates/cloud_welcome_email.html
@@ -2,10 +2,6 @@
 <html>
 
 <head>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&amp;display=swap" rel="stylesheet">
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&amp;display=swap);
-    </style>
 </head>
 
 <body>
@@ -30,11 +26,11 @@
                                 <tr>
                                     <td>
                                         <p
-                                            style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.02em; color: #3D3C40;">
+                                            style="font-family: sans-serif; font-style: normal; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.02em; color: #3D3C40;">
                                             {{.Props.Title}}
                                         </p>
                                         <p
-                                            style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #3D3C40;">
+                                            style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #3D3C40;">
                                             {{.Props.Info}} <a href="{{.Props.WorkSpacePath}}" target="_blank"
                                                 rel="noopener noreferrer"
                                                 style="text-decoration: none; color: #6DA4EB;">{{.Props.DNS}}.</a>
@@ -42,7 +38,7 @@
                                         </p>
                                         <p style="text-align: center; margin-top: 30px; margin-bottom: 30px;">
                                             <a href="{{.Props.WorkSpacePath}}" target="_blank" rel="noopener noreferrer"
-                                                style="padding: 14px 24px; position: static; background: #1C58D9; border-radius: 4px; margin: 0px 150px; font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: none;">{{.Props.Button}}<a />
+                                                style="padding: 14px 24px; position: static; background: #1C58D9; border-radius: 4px; margin: 0px 150px; font-family: sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: none;">{{.Props.Button}}</a>
                                         </p>
                                     </td>
                                 </tr>
@@ -51,11 +47,11 @@
                                 <tr>
                                     <td>
                                         <p
-                                            style="font-family: Open Sans, Arial; font-weight: 600; font-size: 22px; line-height: 28px; color: #3D3C40;">
+                                            style="font-family: sans-serif; font-weight: 600; font-size: 22px; line-height: 28px; color: #3D3C40;">
                                             {{.Props.SubTitle}}
                                         </p>
                                         <p
-                                            style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;">
+                                            style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;">
                                             {{.Props.SubTitleInfo}}
                                         </p>
                                     </td>
@@ -70,11 +66,11 @@
                                                     style="height: 15px; width: 15px; transform: translateY(2px);" alt="c_avatar">
                                             </span>
                                             <span
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
                                                 {{.Props.InviteInfo}}
                                             </span>
                                             <p
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;">
                                                 {{.Props.InviteSubInfo}}
                                                 <a style="text-decoration: none; color: #6DA4EB;" target="_blank"
                                                     rel="noopener noreferrer"
@@ -90,11 +86,11 @@
                                                 </span>
                                             </span>
                                             <span
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
                                                 {{.Props.AddAppsInfo}}
                                             </span>
                                             <p
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;">
                                                 {{.Props.AddAppsSubInfo}}
                                                 <a style="text-decoration: none; color: #6DA4EB;" target="_blank"
                                                     rel="noopener noreferrer"
@@ -110,11 +106,11 @@
                                                 </span>
                                             </span>
                                             <span
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;">
                                                 {{.Props.DownloadMMInfo}}
                                             </span>
                                             <p
-                                                style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;  margin-left: 26px;">
+                                                style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;  margin-left: 26px;">
                                                 {{.Props.SignInSubInfo}} <a
                                                     style="text-decoration: none; color: #6DA4EB;" target="_blank"
                                                     rel="noopener noreferrer"
@@ -129,7 +125,7 @@
                                 <tr>
                                     <td>
                                         <p
-                                            style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;">
+                                            style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;">
                                             {{.Props.GettingStartedQuestions}} <a
                                                 style="text-decoration: none; color: #6DA4EB;"
                                                 href="mailto:support@mattermost.com">support@mattermost.com.</a>
@@ -150,7 +146,7 @@
                             <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                                 <tr>
                                     <td>
-                                        <p style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: rgba(61, 60, 64, 0.56);">{{.Props.Organization}}
+                                        <p style="font-family: sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: rgba(61, 60, 64, 0.56);">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                         </p>
                                     </td>
diff --git a/server/templates/email_change_verify_body.html b/server/templates/email_change_verify_body.html
index 22a1cec84d3..1ec7fbb5bce 100644
--- a/server/templates/email_change_verify_body.html
+++ b/server/templates/email_change_verify_body.html
@@ -1,10 +1,6 @@
 {{define "email_change_verify_body"}}
 <html>
 <head>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400,500,700&amp;display=swap" rel="stylesheet" type="text/css">
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&amp;display=swap);
-    </style>
     <style>
         body {
             margin: 0;
@@ -87,12 +83,12 @@
                                             <tbody>
                                             <tr>
                                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                                    <h2 style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif; margin: 20px 0 0;">{{.Props.Title}}</h2>
+                                                    <h2 style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif; margin: 20px 0 0;">{{.Props.Title}}</h2>
                                                 </td>
                                             </tr>
                                             <tr>
                                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 0px 24px;word-break:break-word;">
-                                                    <h5 style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; font-weight: 400; line-height: 24px; color: #3F4350">{{.Props.Info}}</h5>
+                                                    <h5 style="font-family: sans-serif; text-align: center; font-size: 16px; font-weight: 400; line-height: 24px; color: #3F4350">{{.Props.Info}}</h5>
                                                 </td>
                                             </tr>
                                             <tr>
@@ -101,7 +97,7 @@
                                                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                                             <tr>
                                                                 <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                                                    <a rel="noopener noreferrer" href="{{.Props.VerifyUrl}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                                                    <a rel="noopener noreferrer" href="{{.Props.VerifyUrl}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                                                         {{.Props.VerifyButton}}
                                                                     </a>
                                                                 </td>
@@ -157,8 +153,8 @@
                                             <tbody>
                                             <tr>
                                                 <td align="center" class="info" style="font-size:0px;padding:0px;word-break:break-word;">
-                                                    <p style="font-family: Open Sans, sans-serif;font-style: normal;font-weight: 600;font-size: 16px; line-height: 24px; margin-top: 56px; margin-bottom: 2px; color: #3F4350;">{{.Props.QuestionTitle}}</p>
-                                                    <p style="font-family: Open Sans, sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;margin-top: 2px; color: #3F4350;">{{.Props.EmailInfo1}}<a href='mailto:{{.Props.SupportEmail}}' style='text-decoration: none; color:#2389D7;'>{{.Props.SupportEmail}}</a></p>
+                                                    <p style="font-family: sans-serif;font-style: normal;font-weight: 600;font-size: 16px; line-height: 24px; margin-top: 56px; margin-bottom: 2px; color: #3F4350;">{{.Props.QuestionTitle}}</p>
+                                                    <p style="font-family: sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;margin-top: 2px; color: #3F4350;">{{.Props.EmailInfo1}}<a href='mailto:{{.Props.SupportEmail}}' style='text-decoration: none; color:#2389D7;'>{{.Props.SupportEmail}}</a></p>
                                                 </td>
                                             </tr>
                                             </tbody>
diff --git a/server/templates/invite_body.html b/server/templates/invite_body.html
index dc6fe220760..acb1f15750b 100644
--- a/server/templates/invite_body.html
+++ b/server/templates/invite_body.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -110,8 +104,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -127,7 +119,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -243,7 +235,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -252,7 +244,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -276,7 +268,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -415,12 +407,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -428,7 +420,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -483,16 +475,16 @@
                                   <tr>
                                     <td>
                                       <div class="postNameAndTime" style="display: flex; padding: 0px 0px 4px 0px;">
-                                        <div class="senderName" style="font-family: Open Sans, sans-serif; text-align: left; font-weight: 600; font-size: 14px; line-height: 20px; color: #3F4350;">{{.SenderName}}</div>
+                                        <div class="senderName" style="font-family: sans-serif; text-align: left; font-weight: 600; font-size: 14px; line-height: 20px; color: #3F4350;">{{.SenderName}}</div>
                                         {{if .Time}}
-                                        <div class="time" style="font-family: Open Sans, sans-serif; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 2px 6px; align-items: center; float: left;">{{.Time}}</div>
+                                        <div class="time" style="font-family: sans-serif; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 2px 6px; align-items: center; float: left;">{{.Time}}</div>
                                         {{end}}
                                         {{if .ChannelName}}
                                         <div class="channelBg" style="background: rgba(63, 67, 80, 0.08); border-radius: 4px; display: flex; padding-left: 4px;">
                                           {{if .ShowChannelIcon}}
                                           <div class="channelLogo" style="width: 10px; height: 10px; padding: 5px 4px 5px 6px; float: left;"><img src="{{$.Props.SiteURL}}/static/images/channel_icon.png" width="10px" height="10px"></div>
                                           {{end}}
-                                          <div class="channelName" style="font-family: Open Sans, sans-serif; font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: 0.01em; text-transform: uppercase; color: rgba(63, 67, 80, 0.64); padding: 2px 6px 2px 0px;">
+                                          <div class="channelName" style="font-family: sans-serif; font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: 0.01em; text-transform: uppercase; color: rgba(63, 67, 80, 0.64); padding: 2px 6px 2px 0px;">
                                             {{if .OtherChannelMembersCount}}
                                             <span class="gmChannelCount" style="background-color: rgba(63, 67, 80, 0.2); padding: 0 5px; border-radius: 2px; margin-right: 2px;">{{.OtherChannelMembersCount}}</span>
                                             {{end}}
@@ -505,7 +497,7 @@
                                   </tr>
                                   <tr>
                                     <td align="center" class="senderMessage" style="font-size:0px;padding:0px;word-break:break-word;">
-                                      <div style="font-family: Open Sans, sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">{{.Message}}</div>
+                                      <div style="font-family: sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">{{.Message}}</div>
                                     </td>
                                   </tr>
                                 </tbody>
@@ -521,7 +513,7 @@
                                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                         <tr>
                                           <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                            <a href="{{.MessageURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #FFFFFF; box-sizing: border-box; color: #1C58D9; padding: 12px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
+                                            <a href="{{.MessageURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #FFFFFF; box-sizing: border-box; color: #1C58D9; padding: 12px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
                                               {{$.Props.MessageButton}}
                                             </a>
                                           </td>
@@ -590,17 +582,17 @@
                               <tbody>
                                 <tr>
                                   <td align="center" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                    <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.InviteFooterTitle}}</div>
+                                    <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.InviteFooterTitle}}</div>
                                   </td>
                                 </tr>
                                 <tr>
                                   <td align="center" class="footerInfo" style="font-size:0px;padding:0px;word-break:break-word;">
-                                    <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.InviteFooterInfo}}</div>
+                                    <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.InviteFooterInfo}}</div>
                                   </td>
                                 </tr>
                                 <tr>
                                   <td align="center" class="footerInfo" style="font-size:0px;padding:4px 0px 0px 0px;word-break:break-word;">
-                                    <div style="font-family: Open Sans, sans-serif; font-weight: 600; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;"><a href="mattermost.com" color="#1C58D9" style="text-decoration: none; color: #1C58D9;">
+                                    <div style="font-family: sans-serif; font-weight: 600; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;"><a href="mattermost.com" color="#1C58D9" style="text-decoration: none; color: #1C58D9;">
                                         {{.Props.InviteFooterLearnMore}}</a></div>
                                   </td>
                                 </tr>
@@ -625,7 +617,7 @@
                               <tbody>
                                 <tr>
                                   <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                    <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                    <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                       {{.Props.FooterV2}}
                                     </div>
                                   </td>
diff --git a/server/templates/ip_filters_changed.html b/server/templates/ip_filters_changed.html
index 7d71323c55f..a10322091e5 100644
--- a/server/templates/ip_filters_changed.html
+++ b/server/templates/ip_filters_changed.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,12 +387,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -408,7 +400,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -469,7 +461,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="footerTitle" style="font-size:0px;padding:0px;padding-bottom:9px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.TroubleAccessingTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.TroubleAccessingTitle}}</div>
                                 </td>
                               </tr>
                               {{if .Props.ActorEmail}}
@@ -478,7 +470,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
-                                        <a href="mailto:{{.Props.ActorEmail}}" style="display: inline-block; background: transparent; color: #1C58D9; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="mailto:{{.Props.ActorEmail}}" style="display: inline-block; background: transparent; color: #1C58D9; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.SendAnEmailTo}}
                                         </a>
                                       </td>
@@ -500,7 +492,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
-                                        <a href="{{.Props.PortalURL}}/console/cloud/ip-filtering" style="display: inline-block; background: transparent; color: #1C58D9; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="{{.Props.PortalURL}}/console/cloud/ip-filtering" style="display: inline-block; background: transparent; color: #1C58D9; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.LogInToCustomerPortal}}
                                         </a>
                                       </td>
@@ -522,7 +514,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="transparent" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:transparent;" valign="middle">
-                                        <a href="mailto:{{.Props.SupportEmail}}" style="display: inline-block; background: transparent; color: #1C58D9; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="mailto:{{.Props.SupportEmail}}" style="display: inline-block; background: transparent; color: #1C58D9; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.ContactSupport}}
                                         </a>
                                       </td>
@@ -551,7 +543,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/license_notification.html b/server/templates/license_notification.html
index f67fbfa2d45..0600567e2bd 100644
--- a/server/templates/license_notification.html
+++ b/server/templates/license_notification.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,7 +387,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:10px 0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
diff --git a/server/templates/messages_notification.html b/server/templates/messages_notification.html
index ba94db3b3e3..31cb4c0e690 100644
--- a/server/templates/messages_notification.html
+++ b/server/templates/messages_notification.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -110,8 +104,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -127,7 +119,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -243,7 +235,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -252,7 +244,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -276,7 +268,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -362,7 +354,7 @@
     }
 
     .messageAttachments * {
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .messageAttachmentContent {
@@ -374,7 +366,7 @@
 
     .messageAttachmentContent>table,
     .attachment__body {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left;
       font-size: 14px;
       line-height: 20px;
@@ -568,12 +560,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -581,7 +573,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -636,16 +628,16 @@
                                   <tr>
                                     <td>
                                       <div class="postNameAndTime" style="display: flex; padding: 0px 0px 4px 0px;">
-                                        <div class="senderName" style="font-family: Open Sans, sans-serif; text-align: left; font-weight: 600; font-size: 14px; line-height: 20px; color: #3F4350;">{{.SenderName}}</div>
+                                        <div class="senderName" style="font-family: sans-serif; text-align: left; font-weight: 600; font-size: 14px; line-height: 20px; color: #3F4350;">{{.SenderName}}</div>
                                         {{if .Time}}
-                                        <div class="time" style="font-family: Open Sans, sans-serif; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 2px 6px; align-items: center; float: left;">{{.Time}}</div>
+                                        <div class="time" style="font-family: sans-serif; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 2px 6px; align-items: center; float: left;">{{.Time}}</div>
                                         {{end}}
                                         {{if .ChannelName}}
                                         <div class="channelBg" style="background: rgba(63, 67, 80, 0.08); border-radius: 4px; display: flex; padding-left: 4px;">
                                           {{if .ShowChannelIcon}}
                                           <div class="channelLogo" style="width: 10px; height: 10px; padding: 5px 4px 5px 6px; float: left;"><img src="{{$.Props.SiteURL}}/static/images/channel_icon.png" width="10px" height="10px"></div>
                                           {{end}}
-                                          <div class="channelName" style="font-family: Open Sans, sans-serif; font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: 0.01em; text-transform: uppercase; color: rgba(63, 67, 80, 0.64); padding: 2px 6px 2px 0px;">
+                                          <div class="channelName" style="font-family: sans-serif; font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: 0.01em; text-transform: uppercase; color: rgba(63, 67, 80, 0.64); padding: 2px 6px 2px 0px;">
                                             {{if .OtherChannelMembersCount}}
                                             <span class="gmChannelCount" style="background-color: rgba(63, 67, 80, 0.2); padding: 0 5px; border-radius: 2px; margin-right: 2px;">{{.OtherChannelMembersCount}}</span>
                                             {{end}}
@@ -658,7 +650,7 @@
                                   </tr>
                                   <tr>
                                     <td align="center" class="senderMessage" style="font-size:0px;padding:0px;word-break:break-word;">
-                                      <div style="font-family: Open Sans, sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">{{.Message}}</div>
+                                      <div style="font-family: sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">{{.Message}}</div>
                                     </td>
                                   </tr>
                                 </tbody>
@@ -668,28 +660,28 @@
                             {{if .MessageAttachments}}
                             <div class="messageAttachments" style="margin-top: 22px;">
                               {{range .MessageAttachments}}
-                              <div class="messageAttachment" style="vertical-align: top; font-family: Open Sans, sans-serif;" width="100%">
-                                <div class="pretext" style="text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px; font-family: Open Sans, sans-serif;">
+                              <div class="messageAttachment" style="vertical-align: top; font-family: sans-serif;" width="100%">
+                                <div class="pretext" style="text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px; font-family: sans-serif;">
                                   {{.Pretext}}
                                 </div>
-                                <div class="messageAttachmentContent" style="border: 1px solid rgba(63, 67, 80, 0.16); margin-bottom: 20px; border-radius: 0 4px 4px 0; border-left: 4px solid {{.Color}}; padding: 12px; font-family: Open Sans, sans-serif;">
-                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left; line-height: 20px; color: #3F4350; vertical-align: top; font-size: 14px; font-family: Open Sans, sans-serif;" width="100%" valign="top" align="left">
-                                    <tbody style="font-family: Open Sans, sans-serif;">
+                                <div class="messageAttachmentContent" style="border: 1px solid rgba(63, 67, 80, 0.16); margin-bottom: 20px; border-radius: 0 4px 4px 0; border-left: 4px solid {{.Color}}; padding: 12px; font-family: sans-serif;">
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left; line-height: 20px; color: #3F4350; vertical-align: top; font-size: 14px; font-family: sans-serif;" width="100%" valign="top" align="left">
+                                    <tbody style="font-family: sans-serif;">
                                       {{if or .AuthorIcon .AuthorName}}
-                                      <tr style="font-family: Open Sans, sans-serif;">
-                                        <td style="font-family: Open Sans, sans-serif;">
-                                          {{if .AuthorLink}}<a href="{{.AuthorLink}}" style="color: #1C58D9; font-family: Open Sans, sans-serif; text-decoration: none; background-color: unset; border: none; padding: unset;">{{end}}
-                                            {{if .AuthorIcon}}<img class="attachment__author-icon" alt="attachment author icon" src="{{.AuthorIcon}}" style="width: 14px; height: 14px; margin-right: 5px; border-radius: 50px; vertical-align: middle; font-family: Open Sans, sans-serif;" width="14" height="14">{{end}}
-                                            {{if .AuthorName}}<span class="attachment__author-name" style="opacity: 0.6; font-family: Open Sans, sans-serif;">{{.AuthorName}}</span>{{end}}
+                                      <tr style="font-family: sans-serif;">
+                                        <td style="font-family: sans-serif;">
+                                          {{if .AuthorLink}}<a href="{{.AuthorLink}}" style="color: #1C58D9; font-family: sans-serif; text-decoration: none; background-color: unset; border: none; padding: unset;">{{end}}
+                                            {{if .AuthorIcon}}<img class="attachment__author-icon" alt="attachment author icon" src="{{.AuthorIcon}}" style="width: 14px; height: 14px; margin-right: 5px; border-radius: 50px; vertical-align: middle; font-family: sans-serif;" width="14" height="14">{{end}}
+                                            {{if .AuthorName}}<span class="attachment__author-name" style="opacity: 0.6; font-family: sans-serif;">{{.AuthorName}}</span>{{end}}
                                             {{if .AuthorLink}}</a>{{end}}
                                         </td>
                                       </tr>
                                       {{end}}
                                       {{if .Title}}
-                                      <tr style="font-family: Open Sans, sans-serif;">
-                                        <td style="font-family: Open Sans, sans-serif;">
-                                          <h1 class="attachment__title" style="padding: 0; margin: 5px 0; font-size: 14px; line-height: 18px; font-weight: 500; font-family: Open Sans, sans-serif;">
-                                            {{if .TitleLink}}<a href="{{.TitleLink}}" style="color: #1C58D9; font-family: Open Sans, sans-serif; text-decoration: none; background-color: unset; border: none; padding: unset;">{{end}}
+                                      <tr style="font-family: sans-serif;">
+                                        <td style="font-family: sans-serif;">
+                                          <h1 class="attachment__title" style="padding: 0; margin: 5px 0; font-size: 14px; line-height: 18px; font-weight: 500; font-family: sans-serif;">
+                                            {{if .TitleLink}}<a href="{{.TitleLink}}" style="color: #1C58D9; font-family: sans-serif; text-decoration: none; background-color: unset; border: none; padding: unset;">{{end}}
                                               {{.Title}}
                                               {{if .Title}}</a>{{end}}
                                           </h1>
@@ -698,32 +690,32 @@
                                       {{end}}
                                     </tbody>
                                   </table>
-                                  <div class="attachment__wrapper" style="width: 100%; display: flex; flex-direction: row; gap: 12px; font-family: Open Sans, sans-serif;">
-                                    <div class="attachment__body" style="text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; flex: 1; font-family: Open Sans, sans-serif;">
-                                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top; font-size: 14px; color: #3F4350; font-family: Open Sans, sans-serif;" width="100%" valign="top">
-                                        <tbody style="font-family: Open Sans, sans-serif;">
-                                          <tr style="font-family: Open Sans, sans-serif;">
-                                            <td vertical-align="middle" class="messageButton" style="font-family: Open Sans, sans-serif;">
-                                              <div style="font-family: Open Sans, sans-serif;">{{.Text}}</div>
+                                  <div class="attachment__wrapper" style="width: 100%; display: flex; flex-direction: row; gap: 12px; font-family: sans-serif;">
+                                    <div class="attachment__body" style="text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; flex: 1; font-family: sans-serif;">
+                                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top; font-size: 14px; color: #3F4350; font-family: sans-serif;" width="100%" valign="top">
+                                        <tbody style="font-family: sans-serif;">
+                                          <tr style="font-family: sans-serif;">
+                                            <td vertical-align="middle" class="messageButton" style="font-family: sans-serif;">
+                                              <div style="font-family: sans-serif;">{{.Text}}</div>
                                             </td>
                                           </tr>
                                           {{if .ImageURL}}
-                                          <tr style="font-family: Open Sans, sans-serif;">
-                                            <td style="font-family: Open Sans, sans-serif;">
-                                              <img class="attachment__image" src="{{.ImageURL}}" style="max-height: 300px; border: 1px solid transparent; margin-bottom: 1em; font-family: Open Sans, sans-serif;">
+                                          <tr style="font-family: sans-serif;">
+                                            <td style="font-family: sans-serif;">
+                                              <img class="attachment__image" src="{{.ImageURL}}" style="max-height: 300px; border: 1px solid transparent; margin-bottom: 1em; font-family: sans-serif;">
                                             </td>
                                           </tr>
                                           {{end}}
                                         </tbody>
                                       </table>
-                                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top; font-size: 14px; table-layout: fixed; margin-bottom: 0.7em; font-family: Open Sans, sans-serif;" width="100%" valign="top">
+                                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: top; font-size: 14px; table-layout: fixed; margin-bottom: 0.7em; font-family: sans-serif;" width="100%" valign="top">
                                         {{range .FieldRows}}
-                                        <tr class="messageAttachment_row" style="font-family: Open Sans, sans-serif;">
+                                        <tr class="messageAttachment_row" style="font-family: sans-serif;">
                                           {{ $length := len .Cells }}
                                           {{range .Cells}}
-                                          <td class="messageAttachment_field" {{ if eq $length 1 }}colspan="2" {{end}} style="font-family: Open Sans, sans-serif;">
-                                            <div class="messageAttachment_title" style="padding-top: 1em; font-weight: 600; margin-bottom: 4px; font-family: Open Sans, sans-serif;">{{.Title}}</div>
-                                            <div style="font-family: Open Sans, sans-serif;">{{.Value}}</div>
+                                          <td class="messageAttachment_field" {{ if eq $length 1 }}colspan="2" {{end}} style="font-family: sans-serif;">
+                                            <div class="messageAttachment_title" style="padding-top: 1em; font-weight: 600; margin-bottom: 4px; font-family: sans-serif;">{{.Title}}</div>
+                                            <div style="font-family: sans-serif;">{{.Value}}</div>
                                           </td>
                                           {{end}}
                                         </tr>
@@ -731,18 +723,18 @@
                                       </table>
                                     </div>
                                     {{if .ThumbURL}}
-                                    <div class="attachment__thumb-container" style="max-width: 80px; width: max-content; font-family: Open Sans, sans-serif;">
-                                      <img class="attachment__thumb-image" src="{{.ThumbURL}}" style="max-width: 100%; max-height: 75px; font-family: Open Sans, sans-serif;">
+                                    <div class="attachment__thumb-container" style="max-width: 80px; width: max-content; font-family: sans-serif;">
+                                      <img class="attachment__thumb-image" src="{{.ThumbURL}}" style="max-width: 100%; max-height: 75px; font-family: sans-serif;">
                                     </div>
                                     {{end}}
                                   </div>
                                   {{if .Footer}}
-                                  <table class="attachment__footer-container" border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left; line-height: 20px; color: #a3a3a3; vertical-align: top; font-size: 14px; font-family: Open Sans, sans-serif;" width="100%" valign="top" align="left">
-                                    <tbody style="font-family: Open Sans, sans-serif;">
-                                      <tr style="font-family: Open Sans, sans-serif;">
-                                        <td style="font-family: Open Sans, sans-serif;">
-                                          {{if .FooterIcon}}<img class="attachment__footer-icon" src="{{.FooterIcon}}" style="width: 16px; height: 16px; vertical-align: middle; font-family: Open Sans, sans-serif;" width="16" height="16">{{end}}
-                                          <span style="font-size: 12px; font-family: Open Sans, sans-serif;">{{.Footer}}</span>
+                                  <table class="attachment__footer-container" border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left; line-height: 20px; color: #a3a3a3; vertical-align: top; font-size: 14px; font-family: sans-serif;" width="100%" valign="top" align="left">
+                                    <tbody style="font-family: sans-serif;">
+                                      <tr style="font-family: sans-serif;">
+                                        <td style="font-family: sans-serif;">
+                                          {{if .FooterIcon}}<img class="attachment__footer-icon" src="{{.FooterIcon}}" style="width: 16px; height: 16px; vertical-align: middle; font-family: sans-serif;" width="16" height="16">{{end}}
+                                          <span style="font-size: 12px; font-family: sans-serif;">{{.Footer}}</span>
                                         </td>
                                       </tr>
                                     </tbody>
@@ -763,7 +755,7 @@
                                       <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                         <tr>
                                           <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                            <a href="{{.MessageURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #FFFFFF; box-sizing: border-box; color: #1C58D9; padding: 12px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
+                                            <a href="{{.MessageURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #FFFFFF; box-sizing: border-box; color: #1C58D9; padding: 12px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
                                               {{$.Props.MessageButton}}
                                             </a>
                                           </td>
@@ -797,12 +789,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.NotificationFooterTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.NotificationFooterTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="footerInfo" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;"><a href="{{.Props.SiteURL}}" style="text-decoration: none; color: #1C58D9;">{{.Props.NotificationFooterInfoLogin}}</a>{{.Props.NotificationFooterInfo}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;"><a href="{{.Props.SiteURL}}" style="text-decoration: none; color: #1C58D9;">{{.Props.NotificationFooterInfoLogin}}</a>{{.Props.NotificationFooterInfo}}</div>
                                 </td>
                               </tr>
                             </tbody>
@@ -826,7 +818,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/partials/cloud_questions_hr_email_footer.mjml b/server/templates/partials/cloud_questions_hr_email_footer.mjml
index f8bf2890d3c..0792d09f63d 100644
--- a/server/templates/partials/cloud_questions_hr_email_footer.mjml
+++ b/server/templates/partials/cloud_questions_hr_email_footer.mjml
@@ -1,6 +1,6 @@
 <mj-section padding-top="0px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
   <mj-column padding="0">
-    <mj-text font-size="16px" font-family="Open Sans, sans-serif" font-weight="600" align="left" padding="0px" padding-bottom="0px" padding-left="48px" >
+    <mj-text font-size="16px" font-family="sans-serif" font-weight="600" align="left" padding="0px" padding-bottom="0px" padding-left="48px" >
       {{.Props.QuestionTitle}}
     </mj-text>
     <mj-text color="#3F4350" font-size="14px" align="left" padding-left="48px" padding-bottom="0px">
diff --git a/server/templates/partials/cloud_title_2subtitles_button.mjml b/server/templates/partials/cloud_title_2subtitles_button.mjml
index 6f1f2bb22be..0cd5b7a8539 100644
--- a/server/templates/partials/cloud_title_2subtitles_button.mjml
+++ b/server/templates/partials/cloud_title_2subtitles_button.mjml
@@ -1,15 +1,15 @@
 <mj-section padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
   <mj-column>
-    <mj-text css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px">
+    <mj-text css-class="title" font-family="sans-serif" padding="10px 0px">
       {{.Props.Title}}
     </mj-text>
-    <mj-text padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
+    <mj-text padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="sans-serif">
       {{.Props.SubTitle1}}
     </mj-text>
-    <mj-text padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="Open Sans, sans-serif">
+    <mj-text padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" color="#000000" font-family="sans-serif">
       {{.Props.SubTitle2}}
     </mj-text>
-    <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" padding-bottom="40px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
+    <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" padding-bottom="40px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="sans-serif">
       {{.Props.Button}}
     </mj-button>
   </mj-column>
diff --git a/server/templates/partials/cloud_title_3subtitles_button.mjml b/server/templates/partials/cloud_title_3subtitles_button.mjml
index 5ac4edf7e91..a699fd6fc1e 100644
--- a/server/templates/partials/cloud_title_3subtitles_button.mjml
+++ b/server/templates/partials/cloud_title_3subtitles_button.mjml
@@ -1,18 +1,18 @@
 <mj-section padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
   <mj-column>
-    <mj-text padding-left="25px" align="left" css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px">
+    <mj-text padding-left="25px" align="left" css-class="title" font-family="sans-serif" padding="10px 0px">
       {{.Props.Title}}
     </mj-text>
-    <mj-text align="left" padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+    <mj-text align="left" padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
       {{.Props.SubTitle1}}
     </mj-text>
-    <mj-text align="left" padding-bottom="16px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+    <mj-text align="left" padding-bottom="16px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
       {{.Props.SubTitle2}}
     </mj-text>
-     <mj-text align="left" padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+     <mj-text align="left" padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
       {{.Props.SubTitle3}}
     </mj-text>
-    <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
+    <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="sans-serif">
       {{.Props.Button}}
     </mj-button>
     {{if .IncludeSecondaryActionButton}}
diff --git a/server/templates/partials/message_attachment.css b/server/templates/partials/message_attachment.css
index ee65c7f8a39..73ecd200b03 100644
--- a/server/templates/partials/message_attachment.css
+++ b/server/templates/partials/message_attachment.css
@@ -1,5 +1,5 @@
 .messageAttachments * {
-    font-family: Open Sans, sans-serif !important;
+    font-family: sans-serif !important;
 }
 
 .messageAttachmentContent {
@@ -10,7 +10,7 @@
 }
 
 .messageAttachmentContent > table, .attachment__body {
-    font-family: Open Sans, sans-serif;
+    font-family: sans-serif;
     text-align: left;
     font-size: 14px;
     line-height: 20px;
diff --git a/server/templates/partials/message_attachment.html b/server/templates/partials/message_attachment.html
index 68dd5fe21ba..a0c80458108 100644
--- a/server/templates/partials/message_attachment.html
+++ b/server/templates/partials/message_attachment.html
@@ -2,7 +2,7 @@
 <div class="messageAttachments">
     {{range .MessageAttachments}}
     <div class="messageAttachment" style="vertical-align:top;" width="100%">
-        <div class="pretext" style="font-family: Open Sans, sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">
+        <div class="pretext" style="font-family: sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px;">
             {{.Pretext}}
         </div>
         <div class="messageAttachmentContent" style="border-left: 4px solid {{.Color}}; padding: 12px;">
diff --git a/server/templates/partials/style.css b/server/templates/partials/style.css
index 8759cddb236..20f49dc610c 100644
--- a/server/templates/partials/style.css
+++ b/server/templates/partials/style.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
 .emailBody {
   background-color: #F3F3F3
 }
@@ -15,7 +13,7 @@
   line-height: 36px !important;
   letter-spacing: -0.01em !important;
   color: #3F4350 !important;
-  font-family: Open Sans, sans-serif !important;
+  font-family: sans-serif !important;
 }
 
 .subTitle div {
@@ -130,7 +128,7 @@
   display: flex;
 }
 .senderName {
-  font-family: Open Sans, sans-serif;
+  font-family: sans-serif;
   text-align: left !important;
   font-weight: 600 !important;
   font-size: 14px !important;
@@ -139,7 +137,7 @@
 }
 
 .time {
-  font-family: Open Sans, sans-serif;
+  font-family: sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: rgba(63, 67, 80, 0.56);
@@ -163,7 +161,7 @@
 }
 
 .channelName {
-  font-family: Open Sans, sans-serif;
+  font-family: sans-serif;
   font-weight: 600;
   font-size: 10px;
   line-height: 16px;
diff --git a/server/templates/partials/style.mjml b/server/templates/partials/style.mjml
index 5f9c8089018..376dec79bc2 100644
--- a/server/templates/partials/style.mjml
+++ b/server/templates/partials/style.mjml
@@ -1,11 +1,11 @@
 <mj-attributes>
-  <mj-raw><link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700" rel="stylesheet" type="text/css"></link></mj-raw>
-  <mj-text font-family="Open Sans, sans-serif" align="center" />
-  <mj-button font-family="Open Sans, sans-serif" background-color="#FFFFFF" border-radius="4px" padding="0px" />
+  <mj-text font-family="sans-serif" align="center" />
+  <mj-button font-family="sans-serif" background-color="#FFFFFF" border-radius="4px" padding="0px" />
   <mj-image alt="" align="center" />
   <mj-class name="email" align="center" padding="24px" background-color="#FFFFFF" border-radius="8px" />
   <mj-class name="logo" width="132px" height="21.76px" padding="0px" />
 </mj-attributes>
 
+
 <mj-include type="css" path="./style.css"/>
 <mj-include type="css" css-inline="inline" path="./style.css"/>
diff --git a/server/templates/payment_failed_body.html b/server/templates/payment_failed_body.html
index 97cdea917a3..bc9cdabfb65 100644
--- a/server/templates/payment_failed_body.html
+++ b/server/templates/payment_failed_body.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -100,8 +94,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -117,7 +109,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -233,7 +225,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -242,7 +234,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -266,7 +258,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -405,22 +397,22 @@
                             <tbody>
                               <tr>
                                 <td align="left" class="title" style="font-size:0px;padding:10px 0px;padding-left:25px;word-break:break-word;">
-                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: left; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle1}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:16px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}<br>{{.Props.FailedReason}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle2}}<br>{{.Props.FailedReason}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:24px;word-break:break-word;">
-                                  <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
+                                  <div style="font-family:sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#3F4350;">{{.Props.SubTitle3}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -428,7 +420,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;border-top:16px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px; font-weight: 400;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -441,7 +433,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: Open Sans, sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
+                                        <a href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" style="display: inline-block; background: #FFFFFF; color: #166DE0; font-family: sans-serif; font-size: 13px; font-weight: 600; line-height: 120%; margin: 0; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none;" target="_blank">
                                           {{.Props.SecondaryActionButtonText}}
                                         </a>
                                       </td>
@@ -514,12 +506,12 @@
                                     <tbody>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:0px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
+                                          <div style="font-family:sans-serif;font-size:16px;font-weight:600;line-height:1;text-align:left;color:#000000;">{{.Props.QuestionTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0px;padding-left:48px;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
+                                          <div style="font-family:sans-serif;font-size:14px;line-height:1;text-align:left;color:#3F4350;">{{.Props.QuestionInfo}}
                                             <a href="mailto:{{.Props.SupportEmail}}" style="color: #1C58D9; text-decoration: none;">
                                               {{.Props.SupportEmail}}</a>
                                           </div>
@@ -577,7 +569,7 @@
                                     <tbody>
                                       <tr>
                                         <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
-                                          <div style="font-family:Open Sans, sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
+                                          <div style="font-family:sans-serif;font-size:12px;line-height:1;text-align:center;color:#AAAAAA;">{{.Props.Organization}}
                                             {{.Props.FooterV2}}
                                           </div>
                                         </td>
diff --git a/server/templates/payment_failed_body.mjml b/server/templates/payment_failed_body.mjml
index 0bc6715b72c..104674a8f5e 100644
--- a/server/templates/payment_failed_body.mjml
+++ b/server/templates/payment_failed_body.mjml
@@ -11,19 +11,19 @@
       </mj-section>
       <mj-section padding="0 60px" border-left="1px solid #E5E5E5" border-right="1px solid #E5E5E5">
         <mj-column>
-          <mj-text padding-left="25px" align="left" css-class="title" font-family="Open Sans, sans-serif" padding="10px 0px">
+          <mj-text padding-left="25px" align="left" css-class="title" font-family="sans-serif" padding="10px 0px">
             {{.Props.Title}}
           </mj-text>
-          <mj-text align="left" padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-bottom="16px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
             {{.Props.SubTitle1}}
           </mj-text>
-          <mj-text align="left" padding-bottom="16px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-bottom="16px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
             {{.Props.SubTitle2}}<br>{{.Props.FailedReason}}
           </mj-text>
-          <mj-text align="left" padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="Open Sans, sans-serif">
+          <mj-text align="left" padding-bottom="24px" padding-top="0px" font-weight=400 color="#3F4350" font-size="16px" line-height="24px" font-family="sans-serif">
             {{.Props.SubTitle3}}
           </mj-text>
-          <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="Open Sans, sans-serif">
+          <mj-button href="{{.Props.SiteURL}}/admin_console/billing/subscription?action=show_delinquency_modal" padding="0px" border-top="16px" font-weight="400 !important" css-class="button-cloud" font-family="sans-serif">
             {{.Props.Button}}
           </mj-button>
           {{if .IncludeSecondaryActionButton}}
diff --git a/server/templates/reset_body.html b/server/templates/reset_body.html
index 3ead187da7e..f8976526011 100644
--- a/server/templates/reset_body.html
+++ b/server/templates/reset_body.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,12 +387,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -408,7 +400,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -450,7 +442,7 @@
                               </tr>
                               <tr>
                                 <td align="center" class="info" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}</div>
                                 </td>
                               </tr>
                             </tbody>
@@ -476,12 +468,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="footerInfo" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.QuestionInfo}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.QuestionInfo}}
                                     <a href="mailto:{{.Props.SupportEmail}}" style="text-decoration: none; color: #1C58D9;">
                                       {{.Props.SupportEmail}}</a>
                                   </div>
@@ -510,7 +502,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/verify_body.html b/server/templates/verify_body.html
index aeeb6164008..cf7322f5af6 100644
--- a/server/templates/verify_body.html
+++ b/server/templates/verify_body.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,18 +387,18 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 0px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle1}}<a href="{{.Props.SiteURL}}" style="text-decoration: none; color: rgb(28, 88, 217);">{{.Props.ServerURL}}</a></div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle1}}<a href="{{.Props.SiteURL}}" style="text-decoration: none; color: rgb(28, 88, 217);">{{.Props.ServerURL}}</a></div>
                                 </td>
                               </tr>
                               {{if .Props.ButtonURL}}
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:0px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -414,7 +406,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -476,7 +468,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="info" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}<br>{{.Props.Info1}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}<br>{{.Props.Info1}}</div>
                                 </td>
                               </tr>
                             </tbody>
@@ -502,12 +494,12 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.QuestionTitle}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="footerInfo" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.QuestionInfo}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.QuestionInfo}}
                                     <a href="mailto:{{.Props.SupportEmail}}" style="text-decoration: none; color: #1C58D9;">
                                       {{.Props.SupportEmail}}</a>
                                   </div>
@@ -536,7 +528,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>
diff --git a/server/templates/welcome_body.html b/server/templates/welcome_body.html
index fc8732dbc3c..7d9579bcccc 100644
--- a/server/templates/welcome_body.html
+++ b/server/templates/welcome_body.html
@@ -58,12 +58,6 @@
           .mj-outlook-group-fix { width:100% !important; }
         </style>
         <![endif]-->
-  <!--[if !mso]><!-->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css">
-  <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
-  </style>
-  <!--<![endif]-->
   <style type="text/css">
     @media only screen and (min-width:480px) {
       .mj-column-per-100 {
@@ -90,8 +84,6 @@
     }
   </style>
   <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
-
     .emailBody {
       background-color: #F3F3F3
     }
@@ -107,7 +99,7 @@
       line-height: 36px !important;
       letter-spacing: -0.01em !important;
       color: #3F4350 !important;
-      font-family: Open Sans, sans-serif !important;
+      font-family: sans-serif !important;
     }
 
     .subTitle div {
@@ -223,7 +215,7 @@
     }
 
     .senderName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       text-align: left !important;
       font-weight: 600 !important;
       font-size: 14px !important;
@@ -232,7 +224,7 @@
     }
 
     .time {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-size: 12px;
       line-height: 16px;
       color: rgba(63, 67, 80, 0.56);
@@ -256,7 +248,7 @@
     }
 
     .channelName {
-      font-family: Open Sans, sans-serif;
+      font-family: sans-serif;
       font-weight: 600;
       font-size: 10px;
       line-height: 16px;
@@ -395,18 +387,18 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="title" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: Open Sans, sans-serif;">{{.Props.Title}}</div>
+                                  <div style="text-align: center; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.01em; color: #3F4350; font-family: sans-serif;">{{.Props.Title}}</div>
                                 </td>
                               </tr>
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:16px 24px 0px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle1}}<a href="{{.Props.SiteURL}}" style="text-decoration: none; color: rgb(28, 88, 217);">{{.Props.ServerURL}}</a></div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle1}}<a href="{{.Props.SiteURL}}" style="text-decoration: none; color: rgb(28, 88, 217);">{{.Props.ServerURL}}</a></div>
                                 </td>
                               </tr>
                               {{if .Props.ButtonURL}}
                               <tr>
                                 <td align="center" class="subTitle" style="font-size:0px;padding:0px 24px 16px 24px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle2}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 16px; line-height: 24px; color: rgba(63, 67, 80, 0.64);">{{.Props.SubTitle2}}</div>
                                 </td>
                               </tr>
                               <tr>
@@ -414,7 +406,7 @@
                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                     <tr>
                                       <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
+                                        <a href="{{.Props.ButtonURL}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #1C58D9; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; padding: 15px 24px;" target="_blank">
                                           {{.Props.Button}}
                                         </a>
                                       </td>
@@ -476,7 +468,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="info" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}<br>{{.Props.Info1}}</div>
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 40px 0px;">{{.Props.Info}}<br>{{.Props.Info1}}</div>
                                 </td>
                               </tr>
                             </tbody>
@@ -518,12 +510,12 @@
                                       </tr>
                                       <tr>
                                         <td align="center" class="footerTitle" style="font-size:0px;padding:0px;word-break:break-word;">
-                                          <div style="font-family: Open Sans, sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.AppDownloadTitle}}</div>
+                                          <div style="font-family: sans-serif; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; color: #3F4350; padding: 0px 0px 4px 0px;">{{.Props.AppDownloadTitle}}</div>
                                         </td>
                                       </tr>
                                       <tr>
                                         <td align="center" class="footerInfo" style="font-size:0px;padding:0px;word-break:break-word;">
-                                          <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.AppDownloadInfo}}</div>
+                                          <div style="font-family: sans-serif; text-align: center; font-size: 14px; line-height: 20px; color: #3F4350; padding: 0px 48px 0px 48px;">{{.Props.AppDownloadInfo}}</div>
                                         </td>
                                       </tr>
                                       <tr>
@@ -531,7 +523,7 @@
                                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                             <tr>
                                               <td align="center" bgcolor="#FFFFFF" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#FFFFFF;" valign="middle">
-                                                <a href="{{.Props.AppDownloadLink}}" style="display: inline-block; background: #FFFFFF; font-family: Open Sans, sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #1C58D9; box-sizing: border-box; color: #1C58D9; padding: 13px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
+                                                <a href="{{.Props.AppDownloadLink}}" style="display: inline-block; background: #FFFFFF; font-family: sans-serif; margin: 0; text-transform: none; mso-padding-alt: 0px; border-radius: 4px; text-decoration: none; background-color: #FFFFFF; border: 1px solid #1C58D9; box-sizing: border-box; color: #1C58D9; padding: 13px 20px; font-weight: 600; font-size: 14px; line-height: 14px;" target="_blank">
                                                   {{.Props.AppDownloadButton}}
                                                 </a>
                                               </td>
@@ -565,7 +557,7 @@
                             <tbody>
                               <tr>
                                 <td align="center" class="emailFooter" style="font-size:0px;padding:0px;word-break:break-word;">
-                                  <div style="font-family: Open Sans, sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
+                                  <div style="font-family: sans-serif; text-align: center; font-size: 12px; line-height: 16px; color: rgba(63, 67, 80, 0.56); padding: 8px 24px 8px 24px;">{{.Props.Organization}}
                                     {{.Props.FooterV2}}
                                   </div>
                                 </td>