From 25f2305e0078bbe96c1a87668b9d436797aba1e4 Mon Sep 17 00:00:00 2001
From: Lizzy Thomson <lizzythomson17@gmail.com>
Date: Fri, 21 Apr 2023 14:09:04 -0600
Subject: [PATCH] web/satellite: removed google fonts from satellite emails

update fonts in satellite emails by removing google fonts

Issue - https://github.com/storj/storj/issues/5690

Change-Id: I9243c172e52d780800300dca2ec78b5665979eda
---
 .../static/emails/AccountAlreadyExists.html   | 43 +++++-----
 web/satellite/static/emails/Forgot.html       | 79 +++++++++----------
 web/satellite/static/emails/Invite.html       | 64 +++++++--------
 web/satellite/static/emails/LockAccount.html  | 23 ++----
 web/satellite/static/emails/UnknownReset.html | 21 ++---
 web/satellite/static/emails/Welcome.html      | 27 +++----
 6 files changed, 108 insertions(+), 149 deletions(-)

diff --git a/web/satellite/static/emails/AccountAlreadyExists.html b/web/satellite/static/emails/AccountAlreadyExists.html
index f07cf956a..189c3d2be 100644
--- a/web/satellite/static/emails/AccountAlreadyExists.html
+++ b/web/satellite/static/emails/AccountAlreadyExists.html
@@ -344,13 +344,6 @@
             line-height: 47px !important;
         }
     </style>
-
-    <!--[if !mso]><!-->
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic);
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic" rel="stylesheet" type="text/css" />
-    <!--<![endif]-->
     <style type="text/css">
         body {
             background-color: #fff;
@@ -391,7 +384,7 @@
         .mso .footer__share-button p {}
 
         .mso .footer__share-button p {
-            font-family: sans-serif;
+            font-family: Helvetica, sans-serif;
         }
     </style>
     <meta name="robots" content="noindex,nofollow" />
@@ -421,14 +414,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <h1 class="size-40"
-                                        style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;
+                                        style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: 800;
                                         color: #000;font-size: 32px;line-height: 40px;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;" lang="x-size-40">
-                                        <span class="font-montserrat">
+                                        font-family: Helvetica, sans-serif;" lang="x-size-40">
+                                        <span>
                                             <strong>Are you trying to sign in?</strong>
                                         </span>
                                     </h1>
@@ -451,14 +444,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <p class="size-20"
                                         style="Margin-top: 5px;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300;font-size: 17px;
                                         line-height: 26px;" lang="x-size-20">
-                                        <span class="font-montserrat">There was an attempt to create an account with this 
+                                        <span>There was an attempt to create an account with this 
                                             email address on the {{ .SatelliteName }} Storj DCS satellite, but an account 
                                             was previously created with this email. If this was you, try signing in to the 
                                             existing account instead.
@@ -483,14 +476,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div class="btn btn--flat btn--large" style="text-align: left;">
                                     <a style="border-radius: 8px;display: inline-block;font-size: 14px;font-weight: bold;
                                         line-height: 24px;padding: 12px 24px;text-align: center;
                                         text-decoration: none !important;transition: opacity 0.1s ease-in;
                                         color: #ffffff !important;background-color: #0149FF;
-                                        font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif;"
+                                        font-family: Helvetica, sans-serif; font-weight: 500;"
                                         href="{{ .SignInLink }}">Sign In
                                     </a>
                                     <!--[if mso]>
@@ -500,7 +493,7 @@
                                         stroke="f">
                                         <v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
                                             <center style="font-size:14px;line-height:24px;color:#FFFFFF;
-                                                font-family:Montserrat,DejaVu Sans,Verdana,sans-serif;font-weight:bold;
+                                                font-family: Helvetica, sans-serif; font-weight:bold;
                                                 mso-line-height-rule:exactly;mso-text-raise:4px">Sign In
                                             </center>
                                         </v:textbox>
@@ -526,14 +519,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <p class="size-20"
                                         style="Margin-top: 5px;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300;font-size: 17px;
                                         line-height: 26px;" lang="x-size-20">
-                                        <span class="font-montserrat">If this wasn't you, we recommend <a href="{{ .ResetPasswordLink }}" target="_blank" rel="noopener noreferrer">resetting your password</a>.
+                                        <span>If this wasn't you, we recommend <a href="{{ .ResetPasswordLink }}" target="_blank" rel="noopener noreferrer">resetting your password</a>.
                                             If this activity looks suspicious to you, notify our <a href="https://supportdcs.storj.io/hc/en-us" target="_blank" rel="noopener noreferrer">Support team</a>.
                                             <br/><br/>
                                             If your intention was to create an account on a different satellite, please select the appropriate satellite abbreviation from the drop down at
@@ -559,7 +552,7 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px; width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;;max-width: 600px;min-width: 320px; width: calc(28000% - 167400px);">
                             <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
                                 <div class="divider"
                                     style="display: block;font-size: 2px;line-height: 1px;Margin-left: auto;
@@ -583,11 +576,11 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif;font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
-                                    <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;line-height: 19px;" lang="x-size-12">
-                                        <span class="font-montserrat">Please do not reply to this email.<br />
+                                    <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: Helvetica, sans-serif;font-weight: 300;font-size: 12px;line-height: 19px;" lang="x-size-12">
+                                        <span>Please do not reply to this email.<br />
                                             1450 W. Peachtree St. NW #200, PMB 75268, Atlanta, GA 30309-2955, United States
                                         </span>
                                     </p>
diff --git a/web/satellite/static/emails/Forgot.html b/web/satellite/static/emails/Forgot.html
index 147e15cdc..17998bb01 100644
--- a/web/satellite/static/emails/Forgot.html
+++ b/web/satellite/static/emails/Forgot.html
@@ -344,13 +344,6 @@
             line-height: 47px !important;
         }
     </style>
-
-    <!--[if !mso]><!-->
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic);
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic" rel="stylesheet" type="text/css" />
-    <!--<![endif]-->
     <style type="text/css">
         body {
             background-color: #fff;
@@ -391,7 +384,7 @@
         .mso .footer__share-button p {}
 
         .mso .footer__share-button p {
-            font-family: sans-serif;
+            font-family: Helvetica, sans-serif;
         }
     </style>
     <meta name="robots" content="noindex,nofollow" />
@@ -421,14 +414,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <h1 class="size-40"
-                                        style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;
+                                        style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: 800;
                                         color: #000;font-size: 32px;line-height: 40px;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;" lang="x-size-40">
-                                        <span class="font-montserrat">
+                                        font-family: Helvetica, sans-serif;" lang="x-size-40">
+                                        <span>
                                             <strong>You have requested to reset your password</strong>
                                         </span>
                                     </h1>
@@ -451,20 +444,20 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <p class="size-20"
                                         style="Margin-top: 0;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 17px;
                                         line-height: 26px;" lang="x-size-20">
-                                        <span class="font-montserrat">Hi {{ .UserName }},</span>
+                                        <span>Hi {{ .UserName }},</span>
                                     </p>
                                     <p class="size-20"
                                         style="Margin-top: 5px;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 17px;
                                         line-height: 26px;" lang="x-size-20">
-                                        <span class="font-montserrat">We received a request to reset your Satellite
+                                        <span>We received a request to reset your Satellite
                                             Account password. To reset your password, click the following link and
                                             follow the instructions.
                                         </span>
@@ -488,14 +481,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div class="btn btn--flat btn--large" style="text-align: left;">
                                     <a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;
                                         line-height: 24px;padding: 12px 24px;text-align: center;
                                         text-decoration: none !important;transition: opacity 0.1s ease-in;
                                         color: #ffffff !important;background-color: #2683ff;
-                                        font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif;"
+                                        font-family: Helvetica, sans-serif; font-weight: 500;"
                                         href="{{ .ResetLink }}">Reset Password
                                     </a>
                                     <!--[if mso]>
@@ -505,7 +498,7 @@
                                         stroke="f">
                                         <v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
                                             <center style="font-size:14px;line-height:24px;color:#FFFFFF;
-                                                font-family:Montserrat,DejaVu Sans,Verdana,sans-serif;font-weight:bold;
+                                                font-family: Helvetica, sans-serif;font-weight:bold;
                                                 mso-line-height-rule:exactly;mso-text-raise:4px">Reset Password
                                             </center>
                                         </v:textbox>
@@ -531,29 +524,29 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <p class="size-16"
                                         style="Margin-top: 0;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; 
                                         font-size: 16px;line-height: 24px;" lang="x-size-16">
-                                        <span class="font-montserrat">Didn’t request this change?<br/></span>
+                                        <span>Didn’t request this change?<br/></span>
                                     </p>
                                     <p class="size-16"
                                         style="Margin-top: 0;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 16px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 16px;
                                         line-height: 24px;" lang="x-size-16">
-                                        <span class="font-montserrat">If you didn’t request a new password
+                                        <span>If you didn’t request a new password
                                             <a href="mailto:supportdcs@storj.io"
                                                 style="color: #2683ff; text-decoration: none; font-weight: bold;">let us know
                                             </a><br />
                                         </span>
                                     </p>
                                     <p style="Margin-top: 0;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                         line-height: 24px;" lang="x-size-16">
-                                        <span class="font-montserrat">Please Note: After clicking on «Let us Know» we
+                                        <span>Please Note: After clicking on «Let us Know» we
                                             will automatically deactivate this reset password link and redirect you to
                                             our Support Desk.<br/>
                                         </span>
@@ -577,7 +570,7 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px; width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px; width: calc(28000% - 167400px);">
                             <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
                                 <div class="divider"
                                     style="display: block;font-size: 2px;line-height: 1px;Margin-left: auto;
@@ -601,11 +594,11 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
-                                    <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;line-height: 19px;" lang="x-size-12">
-                                        <span class="font-montserrat">Please do not reply to this email.<br />
+                                    <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;line-height: 19px;" lang="x-size-12">
+                                        <span>Please do not reply to this email.<br />
                                             1450 W. Peachtree St. NW #200, PMB 75268, Atlanta, GA 30309-2955, United States
                                         </span>
                                     </p>
@@ -628,15 +621,15 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
                             <div style="margin: 0 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <a href="https://supportdcs.storj.io/hc/en-us" style="text-decoration: none; color: #66686C;">
                                         <p class="size-12"
                                             style="Margin-top: 0;Margin-bottom: 0;
-                                            font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                            font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                             line-height: 19px;" lang="x-size-12">
-                                            <span class="font-montserrat">
+                                            <span>
                                                 <strong>Help</strong>
                                             </span>
                                         </p>
@@ -647,12 +640,12 @@
                         <!--[if (mso)|(IE)]></td><td style="width: 200px" valign="top" class="w160"><![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
                             <div style="margin: 0 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <a href="{{ .ContactInfoURL }}" style="text-decoration: none; color: #66686C;">
-                                        <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;line-height: 19px;" lang="x-size-12">
-                                            <span class="font-montserrat">
+                                        <p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;line-height: 19px;" lang="x-size-12">
+                                            <span>
                                                 <strong>Contact</strong>
                                             </span>
                                         </p>
@@ -663,16 +656,16 @@
                         <!--[if (mso)|(IE)]></td><td style="width: 100px" valign="top" class="w160"><![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;Float: left;max-width: 150px;min-width: 100px;
+                            font-family: Helvetica, sans-serif; font-weight: 300;Float: left;max-width: 150px;min-width: 100px;
                             width: calc(72200px - 12000%);">
                             <div style="margin: 0 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <a href="https://tardigrade.io/terms-of-service/" style="text-decoration: none; color: #66686C;">
                                         <p class="size-12"
                                             style="Margin-top: 0;Margin-bottom: 0;
-                                            font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                            font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                             line-height: 19px;" lang="x-size-12">
-                                            <span class="font-montserrat">
+                                            <span>
                                                 <strong>Terms of Service</strong><br />
                                             </span>
                                         </p>
@@ -695,14 +688,14 @@
                         <![endif]-->
                         <div class="column"
                             style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;
-                            font-family: sans-serif;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
+                            font-family: Helvetica, sans-serif; font-weight: 300;max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                             <div style="margin: 0 20px 12px 20px;">
                                 <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                                     <p class="size-10"
                                         style="Margin-top: 0;Margin-bottom: 0;
-                                        font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 10px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 10px;
                                         line-height: 18px;" lang="x-size-10">
-                                        <span class="font-montserrat">Storj Labs Inc 2019.<br /></span>
+                                        <span>Storj Labs Inc 2019.<br /></span>
                                     </p>
                                 </div>
                             </div>
diff --git a/web/satellite/static/emails/Invite.html b/web/satellite/static/emails/Invite.html
index 663d86b01..6069d3a9d 100644
--- a/web/satellite/static/emails/Invite.html
+++ b/web/satellite/static/emails/Invite.html
@@ -324,12 +324,6 @@
             line-height: 47px !important;
         }
     </style>
-    <!--[if !mso]><!-->
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic);
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic" rel="stylesheet" type="text/css" />
-    <!--<![endif]-->
     <style type="text/css">
         body {
             background-color: #fff;
@@ -359,7 +353,7 @@
         }
 
         .mso .footer__share-button p {
-            font-family: sans-serif;
+            font-family: Helvetica, sans-serif;
         }
 </style>
     <meta name="robots" content="noindex,nofollow" />
@@ -388,15 +382,15 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: Helvetica, sans-serif;
                     max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                     <div style="margin: 12px 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                             <h1 class="size-40"
-                                style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;
+                                style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: 800;
                                 color: #000;font-size: 32px;line-height: 40px;
-                                font-family: 'montserrat','dejavu sans','verdana',sans-serif;" lang="x-size-40">
-                                <span class="font-montserrat">
+                                font-family: Helvetica, sans-serif;" lang="x-size-40">
+                                <span>
                                     <strong>Hi {{ .UserName }},</strong>
                                 </span>
                             </h1>
@@ -417,21 +411,21 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                     <div style="margin: 12px 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
-                            <p class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;line-height: 26px;" lang="x-size-20">
-                                <span class="font-montserrat">You were invited to join
+                            <p class="size-20" style="Margin-top: 0;Margin-bottom: 0; font-family: Helvetica, sans-serif; font-weight: 300;font-size: 17px; line-height: 26px;" lang="x-size-20">
+                                <span>You were invited to join
                                     <a href="{{ .Origin }}" style="color: #2683ff; text-decoration: none; font-weight: bold;">a project</a>
                                     on Storj by {{ .InviterEmail }}
                                 </span>
                             </p>
                             <p class="size-20"
                                 style="Margin-top: 5px;Margin-bottom: 0;
-                                font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 17px;line-height: 26px;"
+                                font-family: Helvetica, sans-serif; font-weight: 300; font-size: 17px;line-height: 26px;"
                                 lang="x-size-20">
-                                <span class="font-montserrat"><br/>Log in and interact with the project!</span>
+                                <span><br/>Log in and interact with the project!</span>
                             </p>
                         </div>
                     </div>
@@ -450,7 +444,7 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                     <div style="margin: 12px 20px;">
                         <div class="btn btn--flat btn--large" style="text-align: left;">
@@ -458,7 +452,7 @@
                                 line-height: 24px;padding: 12px 50px;text-align: center;
                                 text-decoration: none !important;transition: opacity 0.1s ease-in;
                                 color: #ffffff !important;background-color: #2683ff;
-                                font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif;" href="{{ .SignInLink }}"
+                                font-family: Helvetica, sans-serif; font-weight: 500;" href="{{ .SignInLink }}"
                                 target="_blank">Sign In
                             </a>
                             <!--[if mso]>
@@ -467,7 +461,7 @@
                                 style="width:191px" arcsize="9%" fillcolor="#2683FF" stroke="f">
                                 <v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
                                     <center style="font-size:14px;line-height:24px;color:#FFFFFF;
-                                        font-family:Montserrat,DejaVu Sans,Verdana,sans-serif;font-weight:bold;
+                                        font-family:Inter,sans-serif;font-weight:bold;
                                         mso-line-height-rule:exactly;mso-text-raise:4px">Sign In
                                     </center>
                                 </v:textbox>
@@ -490,7 +484,7 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     max-width: 600px;min-width: 320px; width: calc(28000% - 167400px);">
                     <div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
                         <div class="divider"
@@ -513,15 +507,15 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                     <div style="margin: 12px 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                             <p class="size-12"
                                 style="Margin-top: 0;Margin-bottom: 0;
-                                font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                 line-height: 19px;" lang="x-size-12">
-                                <span class="font-montserrat">Please do not reply to this email.</span>
+                                <span>Please do not reply to this email.</span>
                             </p>
                         </div>
                     </div>
@@ -540,7 +534,7 @@
                     <td style="width: 200px" valign="top" class="w160">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
                     <div style="margin: 0 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
@@ -548,9 +542,9 @@
                                 style="text-decoration: none; color: #66686C;" target="_blank">
                                 <p class="size-12"
                                     style="Margin-top: 0;Margin-bottom: 0;
-                                    font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                    font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                     line-height: 19px;" lang="x-size-12">
-                                    <span class="font-montserrat">
+                                    <span>
                                         <strong>Support</strong>
                                     </span>
                                 </p>
@@ -560,16 +554,16 @@
                 </div>
                 <!--[if (mso)|(IE)]></td><td style="width: 200px" valign="top" class="w160"><![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px; font-family: Helvetica, sans-serif; font-weight: 300;
                     Float: left;max-width: 320px;min-width: 200px;width: calc(72200px - 12000%);">
                     <div style="margin: 0 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                             <a href="{{ .ContactInfoURL }}" style="text-decoration: none; color: #66686C;" target="_blank">
                                 <p class="size-12"
                                     style="Margin-top: 0;Margin-bottom: 0;
-                                    font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                    font-family: Helvetica, sans-serif; font-weight: 300;font-size: 12px;
                                     line-height: 19px;" lang="x-size-12">
-                                    <span class="font-montserrat">
+                                    <span>
                                         <strong>Contact Info</strong>
                                     </span>
                                 </p>
@@ -579,16 +573,16 @@
                 </div>
                 <!--[if (mso)|(IE)]></td><td style="width: 100px" valign="top" class="w160"><![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: Helvetica, sans-serif; font-weight: 300;
                     Float: left;max-width: 150px;min-width: 100px;width: calc(72200px - 12000%);">
                     <div style="margin: 0 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                             <a href="{{ .TermsAndConditionsURL }}" target="_blank" style="text-decoration: none; color: #66686C;">
                                 <p class="size-12"
                                     style="Margin-top: 0;Margin-bottom: 0;
-                                    font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 12px;
+                                    font-family: Helvetica, sans-serif; font-weight: 300;font-size: 12px;
                                     line-height: 19px;" lang="x-size-12">
-                                    <span class="font-montserrat">
+                                    <span>
                                         <strong>Terms &amp; Conditions</strong><br/>
 &nbsp;                                   </span>
                                 </p>
@@ -609,15 +603,15 @@
                     <td style="width: 600px" class="w560">
                 <![endif]-->
                 <div class="column"
-                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: sans-serif;
+                    style="text-align: left;color: #8e959c;font-size: 14px;line-height: 21px;font-family: Helvetica, sans-serif; font-weight: 300;
                     max-width: 600px;min-width: 320px;width: calc(28000% - 167400px);">
                     <div style="margin: 0 20px 12px 20px;">
                         <div style="mso-line-height-rule: exactly;mso-text-raise: 4px;">
                             <p class="size-10"
                                 style="Margin-top: 0;Margin-bottom: 0;
-                                font-family: 'montserrat','dejavu sans','verdana',sans-serif;font-size: 10px;line-height: 18px;"
+                                font-family: Helvetica, sans-serif; font-weight: 300;font-size: 10px;line-height: 18px;"
                                 lang="x-size-10">
-                                <span class="font-montserrat">Storj Labs Inc 2019.<br/></span>
+                                <span>Storj Labs Inc 2019.<br/></span>
                             </p>
                         </div>
                     </div>
diff --git a/web/satellite/static/emails/LockAccount.html b/web/satellite/static/emails/LockAccount.html
index 793d53221..bef44cef4 100644
--- a/web/satellite/static/emails/LockAccount.html
+++ b/web/satellite/static/emails/LockAccount.html
@@ -15,10 +15,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!--<![endif]-->
     <title></title>
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
-    <!--<![endif]-->
-    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
     <style type="text/css">
         body {
             margin: 0;
@@ -101,9 +97,6 @@
             }
         }
     </style>
-    <style>
-        @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900|Roboto:100,300,500,700&display=swap');
-    </style>
 </head>
 
 <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
@@ -145,17 +138,17 @@
                                     border-bottom: 0px solid #000000; border-right: 0px solid #000000; padding: 10px;">
                                     <!--<![endif]-->
                                     <div>
-                                        <h1 style="font-family: sans-serif; text-align: left;
-                                            color: #000; font-weight: bold; font-size: 36px; line-height: 47px;">
+                                        <h1 style="font-family: Helvetica, sans-serif; text-align: left;
+                                            color: #000; font-weight: 800; font-size: 36px; line-height: 47px;">
                                             Your account was locked...
                                         </h1>
                                     </div>
                                     <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                <tr><td style="padding: 10px 10px 0 10px;font-family: Tahoma, Verdana, sans-serif">
+                                <tr><td style="padding: 10px 10px 0 10px;font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
-                                    <div style="color: #000000;font-family: sans-serif;
+                                    <div style="color: #000000;font-family: Helvetica, sans-serif; font-weight: 300;
                                         line-height: 1.2;">
-                                        <div style="font-family: sans-serif; line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
+                                        <div style="font-family: Helvetica, sans-serif; font-weight: 300; line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
                                             <p style="color: #56606D; font-size: 16px; line-height: 24px; margin: 0 0 15px 0;">
                                                 Hi {{ .Name }},<br/>
                                                 Your account was locked due to too many failed login attempts. <br/><br/>
@@ -170,7 +163,7 @@
                                                     line-height: 24px;padding: 12px 24px; text-align: center;
                                                     text-decoration: none !important; transition: opacity 0.1s ease-in;
                                                     color: #ffffff !important; background-color: #2683ff;
-                                                    font-family: 'Montserrat', 'DejaVu Sans', 'Verdana', sans-serif;"
+                                                    font-family: Helvetica, sans-serif; font-weight: 500;"
                                             >
                                                 Reset Password
                                             </a>
@@ -251,7 +244,7 @@
                                         </tbody>
                                     </table>
                                     <p class="size-12" style="margin: 0; color: #56606D;
-                                        font-family: sans-serif;font-size: 12px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                         line-height: 19px;" lang="x-size-12">
                                         <span>Please do not reply to this email.<br />
                                             1450 W. Peachtree St. NW #200, PMB 75268, Atlanta, GA 30309-2955, United States
@@ -259,7 +252,7 @@
                                     </p>
                                     <!--[if mso]>
                                     <table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                    <tr><td style="padding:10px; font-family: Arial, sans-serif">
+                                    <tr><td style="padding:10px; font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
                                     <!--[if mso]></td></tr></table><![endif]-->
                                     <!--[if (!mso)&(!IE)]><!-->
diff --git a/web/satellite/static/emails/UnknownReset.html b/web/satellite/static/emails/UnknownReset.html
index c74331f10..e2d61b16f 100644
--- a/web/satellite/static/emails/UnknownReset.html
+++ b/web/satellite/static/emails/UnknownReset.html
@@ -15,10 +15,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!--<![endif]-->
     <title></title>
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
-    <!--<![endif]-->
-    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
     <style type="text/css">
         body {
             margin: 0;
@@ -101,9 +97,6 @@
             }
         }
     </style>
-    <style>
-        @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900|Roboto:100,300,500,700&display=swap');
-    </style>
 </head>
 
 <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
@@ -145,17 +138,17 @@
                                     border-bottom: 0px solid #000000; border-right: 0px solid #000000; padding: 10px;">
                                     <!--<![endif]-->
                                     <div>
-                                        <h1 style="font-family: sans-serif; text-align: left;
-                                            color: #000; font-weight: bold; font-size: 36px; line-height: 47px;">
+                                        <h1 style="font-family: Helvetica, sans-serif; text-align: left;
+                                            color: #000; font-weight: 800; font-size: 36px; line-height: 47px;">
                                             You have requested to reset your password, but...
                                         </h1>
                                     </div>
                                     <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                        <tr><td style="padding: 10px 10px 0 10px;font-family: Tahoma, Verdana, sans-serif">
+                                        <tr><td style="padding: 10px 10px 0 10px;font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
-                                    <div style="color: #000000;font-family: sans-serif;
+                                    <div style="color: #000000;font-family: Helvetica, sans-serif; font-weight: 300;
                                         line-height: 1.2;">
-                                        <div style="font-family: sans-serif; line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
+                                        <div style="font-family: Helvetica, sans-serif; font-weight: 300; line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
                                             <p style="color: #56606D; font-size: 16px; line-height: 24px; margin: 0;">
                                                 <span>Hi,</span><br/>
                                                 We received your password request, but there is no account
@@ -247,7 +240,7 @@
                                         </tbody>
                                     </table>
                                     <p class="size-12" style="margin: 0; color: #56606D;
-                                        font-family: sans-serif;font-size: 12px;
+                                        font-family: Helvetica, sans-serif; font-weight: 300; font-size: 12px;
                                         line-height: 19px;" lang="x-size-12">
                                         <span>Please do not reply to this email.<br />
                                             1450 W. Peachtree St. NW #200, PMB 75268, Atlanta, GA 30309-2955, United States
@@ -255,7 +248,7 @@
                                     </p>
                                     <!--[if mso]>
                                     <table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                        <tr><td style="padding:10px; font-family: Arial, sans-serif">
+                                        <tr><td style="padding:10px; font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
                                     <!--[if mso]></td></tr></table><![endif]-->
                                     <!--[if (!mso)&(!IE)]><!-->
diff --git a/web/satellite/static/emails/Welcome.html b/web/satellite/static/emails/Welcome.html
index 20df55d39..dc3d15f56 100644
--- a/web/satellite/static/emails/Welcome.html
+++ b/web/satellite/static/emails/Welcome.html
@@ -15,10 +15,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!--<![endif]-->
     <title></title>
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
-    <!--<![endif]-->
-    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
     <style type="text/css">
         body {
             margin: 0;
@@ -97,9 +93,6 @@
             }
         }
     </style>
-    <style>
-        @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900|Roboto:100,300,500,700&display=swap');
-    </style>
 </head>
 
 <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
@@ -141,17 +134,17 @@
                                     border-bottom: 0px solid #000000; border-right: 0px solid #000000; padding: 10px 15px 0 15px;">
                                     <!--<![endif]-->
                                     <div>
-                                        <h1 style="font-family: 'Poppins', 'roboto', sans-serif; text-align: center;
-                                            color: #000; font-weight: bold; font-size: 38px !important;">
+                                        <h1 style="font-family: Helvetica, sans-serif; text-align: center;
+                                            color: #000; font-weight: 800; font-size: 38px !important;">
                                             You’re Almost There
                                         </h1>
                                     </div>
                                     <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                        <tr><td style="padding: 10px 10px 0 10px;font-family: Tahoma, Verdana, sans-serif">
+                                        <tr><td style="padding: 10px 10px 0 10px;font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
-                                    <div style="color: #000000;font-family: 'Roboto', 'Tahoma', 'Verdana', 'Segoe', sans-serif;
+                                    <div style="color: #000000;font-family: Helvetica, sans-serif; font-weight: 300;
                                         line-height: 1.2;padding: 10px 10px 0 10px;">
-                                        <div style="font-family: 'Roboto', 'Tahoma', 'Verdana', 'Segoe', sans-serif;
+                                        <div style="font-family: Helvetica, sans-serif; font-weight: 300;
                                             line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
                                             <p style="font-size: 14px; line-height: 1.2; mso-line-height-alt: 17px; margin: 0;">
                                                 <span style="font-size: 18px;">Hi,</span>
@@ -166,8 +159,8 @@
                                             </p>
                                             <p style="font-size: 12px; line-height: 1.2; mso-line-height-alt: 14px; margin: 20px 0;">
                                                 <span>
-                                                    <a data-simulate style="font-family: 'Roboto', 'Tahoma', 'Verdana', 'Segoe', sans-serif;
-                                                    font-weight: bold; font-size: 16px; color: #ffffff; background-color: #2683FF;
+                                                    <a data-simulate style="font-family: Helvetica, sans-serif;
+                                                    font-weight: 500; font-size: 16px; color: #ffffff; background-color: #2683FF;
                                                     padding: 12px 24px; border: none; border-radius: 4px; text-decoration: none;"
                                                     href="{{ .ActivationLink }}">
                                                         Confirm your email
@@ -221,7 +214,7 @@
                                     padding: 20px 0 5px 0;">
                                     <!--<![endif]-->
                                     <div style="font-size: 16px;text-align: center;
-                                        font-family: 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;">
+                                        font-family: Helvetica, sans-serif; font-weight: 300;">
                                         <ul class="social-media" style="padding-top: 40px; list-style-type: none;
                                             display: flex; padding-left: 10px;">
                                             <li style="width: auto; margin-right: 7px;" class="social-icon twitter">
@@ -269,7 +262,7 @@
                                         </tbody>
                                     </table>
                                     <div style="font-size: 16px;text-align: center;
-                                        font-family: 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;">
+                                        font-family: Helvetica, sans-serif; font-weight: 300;">
                                         <div class="footer" style="padding: 40px 20px; text-align: left; color: gray;
                                             font-size: 14px;">
                                             <ul style="list-style-type: none; padding-left: 0;">
@@ -282,7 +275,7 @@
                                     </div>
                                     <!--[if mso]>
                                     <table width="100%" cellpadding="0" cellspacing="0" border="0">
-                                        <tr><td style="padding10px; font-family: Arial, sans-serif">
+                                        <tr><td style="padding10px; font-family: Helvetica, sans-serif; font-weight:300;">
                                     <![endif]-->
                                     <!--[if mso]></td></tr></table><![endif]-->
                                     <!--[if (!mso)&(!IE)]><!-->