diff --git a/src/marks/template.jsx b/src/marks/template.jsx
index 7c65855dd9..40a1e0a5a6 100644
--- a/src/marks/template.jsx
+++ b/src/marks/template.jsx
@@ -78,7 +78,7 @@ export function MarksElement({
       <style>
         {`
                     .${CLASS.TEXT} {
-                        font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif;
+                        font-family: PayPalPlain-Regular, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
                         font-size: 12px;
                         vertical-align: middle;
                     }
diff --git a/src/ui/buttons/poweredBy.jsx b/src/ui/buttons/poweredBy.jsx
index b804001bd8..22af232223 100644
--- a/src/ui/buttons/poweredBy.jsx
+++ b/src/ui/buttons/poweredBy.jsx
@@ -15,9 +15,9 @@ const POWERED_BY_PAYPAL_STYLE = `
         text-align: center;
         margin: 10px auto;
         height: 14px;
-        font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif;
+        font-family: PayPalPlain-Regular, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
         font-size: 11px;
-        font-weight: normal;
+        font-weight: 400;
         font-style: italic;
         font-stretch: normal;
         color: #7b8388;
diff --git a/src/ui/buttons/styles/button.js b/src/ui/buttons/styles/button.js
index 1fc65dfa81..05419abc56 100644
--- a/src/ui/buttons/styles/button.js
+++ b/src/ui/buttons/styles/button.js
@@ -15,7 +15,7 @@ export const buttonStyle = `
         margin: 0;
         background: 0;
         border: 0;
-        font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif;
+        font-family: PayPalPlain-Regular, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
         text-transform: none;
         font-weight: 500;
         font-smoothing: antialiased;
@@ -80,7 +80,7 @@ export const buttonStyle = `
     .${CLASS.TAGLINE} {
         max-width: 100%;
         font-size: initial;
-        font-weight: normal;
+        font-weight: 400;
         display: block;
         text-align: center;
         width: auto;
diff --git a/src/ui/buttons/styles/page.js b/src/ui/buttons/styles/page.js
index 2e8766d45f..f9bd308f43 100644
--- a/src/ui/buttons/styles/page.js
+++ b/src/ui/buttons/styles/page.js
@@ -4,7 +4,7 @@ import { CLASS } from "../../../constants";
 
 export const pageStyle = `
     html, body {
-        font-family: PayPalOpen-Regular, Helvetica, Arial, "Liberation Sans", sans-serif;
+        font-family: PayPalPlain-Regular, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
         padding: 0;
         margin: 0;
         width: 100%;