diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index dda9d35e..b6524f00 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -2,8 +2,9 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
+@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
 body {
-  font-family: AvertaRegular;
+  font-family: Urbanist, Arial, Helvetica, sans-serif;
   font-weight: 400;
   color: #000;
   margin: 0;
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index 6f80d3c7..eab65544 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -2,8 +2,9 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
+@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
 body {
-    font-family: AvertaRegular;
+    font-family: Urbanist, Arial, Helvetica, sans-serif;
     font-weight: 400;
     color: #000;
     margin: 0;
diff --git a/src/assets/fonts/Urbanist-Bold.woff b/src/assets/fonts/Urbanist-Bold.woff
new file mode 100644
index 00000000..1c45f014
Binary files /dev/null and b/src/assets/fonts/Urbanist-Bold.woff differ
diff --git a/src/assets/fonts/Urbanist-Bold.woff2 b/src/assets/fonts/Urbanist-Bold.woff2
new file mode 100644
index 00000000..c044da47
Binary files /dev/null and b/src/assets/fonts/Urbanist-Bold.woff2 differ
diff --git a/src/assets/fonts/Urbanist-BoldItalic.woff b/src/assets/fonts/Urbanist-BoldItalic.woff
new file mode 100644
index 00000000..080a51a9
Binary files /dev/null and b/src/assets/fonts/Urbanist-BoldItalic.woff differ
diff --git a/src/assets/fonts/Urbanist-BoldItalic.woff2 b/src/assets/fonts/Urbanist-BoldItalic.woff2
new file mode 100644
index 00000000..fbb881aa
Binary files /dev/null and b/src/assets/fonts/Urbanist-BoldItalic.woff2 differ
diff --git a/src/assets/fonts/Urbanist-ExtraBold.woff b/src/assets/fonts/Urbanist-ExtraBold.woff
new file mode 100644
index 00000000..a8a5bc90
Binary files /dev/null and b/src/assets/fonts/Urbanist-ExtraBold.woff differ
diff --git a/src/assets/fonts/Urbanist-ExtraBold.woff2 b/src/assets/fonts/Urbanist-ExtraBold.woff2
new file mode 100644
index 00000000..5912be2a
Binary files /dev/null and b/src/assets/fonts/Urbanist-ExtraBold.woff2 differ
diff --git a/src/assets/fonts/Urbanist-MediumItalic.woff b/src/assets/fonts/Urbanist-MediumItalic.woff
new file mode 100644
index 00000000..e55471a0
Binary files /dev/null and b/src/assets/fonts/Urbanist-MediumItalic.woff differ
diff --git a/src/assets/fonts/Urbanist-MediumItalic.woff2 b/src/assets/fonts/Urbanist-MediumItalic.woff2
new file mode 100644
index 00000000..6b56e516
Binary files /dev/null and b/src/assets/fonts/Urbanist-MediumItalic.woff2 differ
diff --git a/src/assets/fonts/Urbanist-Regular.woff b/src/assets/fonts/Urbanist-Regular.woff
new file mode 100644
index 00000000..7efe9bc4
Binary files /dev/null and b/src/assets/fonts/Urbanist-Regular.woff differ
diff --git a/src/assets/fonts/Urbanist-Regular.woff2 b/src/assets/fonts/Urbanist-Regular.woff2
new file mode 100644
index 00000000..bade4562
Binary files /dev/null and b/src/assets/fonts/Urbanist-Regular.woff2 differ
diff --git a/src/assets/fonts/Urbanist-SemiBold.woff b/src/assets/fonts/Urbanist-SemiBold.woff
new file mode 100644
index 00000000..92949770
Binary files /dev/null and b/src/assets/fonts/Urbanist-SemiBold.woff differ
diff --git a/src/assets/fonts/Urbanist-SemiBold.woff2 b/src/assets/fonts/Urbanist-SemiBold.woff2
new file mode 100644
index 00000000..1321abca
Binary files /dev/null and b/src/assets/fonts/Urbanist-SemiBold.woff2 differ
diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss
index 7945802e..ec2ab98a 100644
--- a/src/styles/common-typography-styles.scss
+++ b/src/styles/common-typography-styles.scss
@@ -71,58 +71,58 @@ caption,
   font-weight: 400;
 }
 
-// Averta Fonts
+// Urbanist Fonts
 
 @font-face {
-  font-family: "AvertaBold";
-  src:
-      url("@/assets/fonts/averta-bold-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-bold-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistRegular";
+    src:
+        url("@/assets/fonts/Urbanist-Regular.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-Regular.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: "AvertaBold_Italic";
-  src:
-      url("@/assets/fonts/averta-bolditalic-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-bolditalic-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistSemibold";
+    src:
+        url("@/assets/fonts/Urbanist-SemiBold.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-SemiBold.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: "AvertaExtraBold";
-  src:
-      url("@/assets/fonts/averta-extrabold-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-extrabold-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistBold";
+    src:
+        url("@/assets/fonts/Urbanist-Bold.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-Bold.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: "AvertaRegular";
-  src:
-      url("@/assets/fonts/averta-regular-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-regular-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistExtraBold";
+    src:
+        url("@/assets/fonts/Urbanist-ExtraBold.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-ExtraBold.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: "AvertaRegular_Italic";
-  src:
-      url("@/assets/fonts/averta-regularitalic-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-regularitalic-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistMedium_Italic";
+    src:
+        url("@/assets/fonts/Urbanist-MediumItalic.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-MediumItalic.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
 
 @font-face {
-  font-family: "AvertaSemibold";
-  src:
-      url("@/assets/fonts/averta-semibold-webfont.woff2") format("woff2"),
-      url("@/assets/fonts/averta-semibold-webfont.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
+    font-family: "UrbanistBold_Italic";
+    src:
+        url("@/assets/fonts/Urbanist-BoldItalic.woff") format("woff2"),
+        url("@/assets/fonts/Urbanist-BoldItalic.woff2") format("woff");
+    font-weight: normal;
+    font-style: normal;
 }
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index b0917c12..2d78a6dc 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -117,7 +117,7 @@ $theme-colors: (
 $body-color: $gray-600;
 
 //Fonts
-$font-family-sans-serif: AvertaRegular, Arial, Helvetica, sans-serif;
+$font-family-sans-serif: UrbanistRegular, Arial, Helvetica, sans-serif;
 $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
     monospace;
 // stylelint-enable value-keyword-case