diff --git a/public/index.html b/public/index.html
index 7d6eed0e..ac2f466a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -17,26 +17,26 @@
 
       @font-face {
         /* 'SofiaPro-Regular' */
-        font-family: 'sofiapro-regular';
+        font-family: 'sofiapro';
         src: url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-regular-webfont.woff2') format('woff2'),
              url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-regular-webfont.woff') format('woff');
-        font-weight: normal;
+        font-weight: 400;
         font-style: normal;
       }
 
       @font-face {
-          font-family: 'sofiapro-medium';
+          font-family: 'sofiapro';
           src: url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-medium-webfont.woff2') format('woff2'),
                url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-medium-webfont.woff') format('woff');
-          font-weight: normal;
+          font-weight: 500;
           font-style: normal;
       }
 
       @font-face {
-          font-family: 'sofiapro-semibold';
+          font-family: 'sofiapro';
           src: url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-semibold-webfont.woff2') format('woff2'),
                url('https://assets-sharetribecom.sharetribe.com/webfonts/sofiapro/sofiapro-semibold-webfont.woff') format('woff');
-          font-weight: normal;
+          font-weight: 600;
           font-style: normal;
       }
 
diff --git a/src/marketplace.css b/src/marketplace.css
index 2f91e4ef..28cb0521 100644
--- a/src/marketplace.css
+++ b/src/marketplace.css
@@ -7,7 +7,8 @@ h1, h2, h3, h4, h5, h6, p, pre {
 
 h1,
 .h1Font {
-  font-family: "sofiapro-regular";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 400;
   font-size: 48px;
   line-height: 54px;
   padding: 5px 0 1px 0; /* 5px + 1px = 6px */;
@@ -25,7 +26,8 @@ h1,
 
 h2,
 .h2Font {
-  font-family: "sofiapro-semibold";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 600;
   font-size: 30px;
   line-height: 36px;
   padding: 3.5px 0 2.5px 0;  /* 3.5px + 2.5px = 6px */
@@ -42,7 +44,8 @@ h2,
 
 h3,
 .h3Font {
-  font-family: "sofiapro-semibold";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 600;
   font-size: 24px;
   line-height: 30px;
   padding: 3px 0 3px 0; /* 3px + 3px = 6px */
@@ -53,7 +56,8 @@ h3,
 
 h4,
 .h4Font {
-  font-family: "sofiapro-semibold";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   padding: 2px 0 4px 0; /* 2px + 4px = 6px */
@@ -64,7 +68,8 @@ h4,
 
 h5,
 .h5Font {
-  font-family: "sofiapro-semibold";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   padding: 3.5px 0 2.5px 0; /* 3.5px + 2.5px = 6px */
@@ -75,7 +80,8 @@ h5,
 
 h6,
 .h6Font {
-  font-family: "sofiapro-semibold";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 600;
   font-size: 14px;
   line-height: 18px;
   padding: 1.5px 0 4.5px 0; /* 1.5px + 4.5px = 6px */
@@ -90,7 +96,8 @@ button,
 p,
 pre,
 .bodyFont {
-  font-family: "sofiapro-medium";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   padding: 2.5px 0 3.5px 0; /* 2.5px + 3.5px = 6px */
@@ -100,7 +107,8 @@ pre,
 }
 
 .tinyFont {
-  font-family: "sofiapro-regular";
+  font-family: "sofiapro", Helvetica, Arial, sans-serif;
+  font-weight: 400;
   font-size: 13px;
   line-height: 18px;
   padding: 2px 0 4px 0; /* 2px + 4px = 6px */