diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss
index 8d7d4210..7945802e 100644
--- a/src/styles/common-typography-styles.scss
+++ b/src/styles/common-typography-styles.scss
@@ -69,4 +69,60 @@ caption,
   font-size: .75rem;
   line-height: 1.7;
   font-weight: 400;
-}
\ No newline at end of file
+}
+
+// Averta 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-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-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-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-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-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;
+}