update font-family + update font-weight for poweredBy

Author: Hai-Yen Nguyen

Diff for: 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, "SF Pro Text", Roboto, Helvetica-Neue, Helvetica, Arial, sans-serif;
                         font-size: 12px;
                         vertical-align: middle;
                     }

Diff for: 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, "SF Pro Text", Roboto, Helvetica-Neue, Helvetica, Arial, sans-serif;
         font-size: 11px;
-        font-weight: normal;
+        font-weight: 400;
         font-style: italic;
         font-stretch: normal;
         color: #7b8388;

Diff for: 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, "SF Pro Text", Roboto, Helvetica-Neue, Helvetica, Arial, sans-serif;
         text-transform: none;
         font-weight: 500;
         font-smoothing: antialiased;

Diff for: 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, "SF Pro Text", Roboto, Helvetica-Neue, Helvetica, Arial, sans-serif;
         padding: 0;
         margin: 0;
         width: 100%;