diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextBoldItalic_italic_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextBoldItalic_italic_normal.woff2
new file mode 100644
index 0000000..c55e390
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextBoldItalic_italic_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextBold_normal_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextBold_normal_normal.woff2
new file mode 100644
index 0000000..60d5272
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextBold_normal_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextDemiItalic_italic_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextDemiItalic_italic_normal.woff2
new file mode 100644
index 0000000..38ff562
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextDemiItalic_italic_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextDemi_normal_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextDemi_normal_normal.woff2
new file mode 100644
index 0000000..b61d36c
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextDemi_normal_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextItalic_italic_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextItalic_italic_normal.woff2
new file mode 100644
index 0000000..86f2991
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextItalic_italic_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextMediumItalic_italic_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextMediumItalic_italic_normal.woff2
new file mode 100644
index 0000000..822a1ef
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextMediumItalic_italic_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextMedium_normal_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextMedium_normal_normal.woff2
new file mode 100644
index 0000000..26779f6
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextMedium_normal_normal.woff2 differ
diff --git a/web/public/assets/fonts/AvenirNext/AvenirNextRegular_normal_normal.woff2 b/web/public/assets/fonts/AvenirNext/AvenirNextRegular_normal_normal.woff2
new file mode 100644
index 0000000..2e8f892
Binary files /dev/null and b/web/public/assets/fonts/AvenirNext/AvenirNextRegular_normal_normal.woff2 differ
diff --git a/web/src/css/fonts.scss b/web/src/css/fonts.scss
index a4c0173..9e21ee4 100644
--- a/web/src/css/fonts.scss
+++ b/web/src/css/fonts.scss
@@ -1,6 +1,73 @@
-/*@font-face {
-  font-family: 'Avenir';
-  src: url('/assets/fonts/Avenir/Avenir.woff2') format("woff2");
-  font-weight: 400;
+@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=84b2007c-70ef-4f2d-9bd7-ad88739bae2f");
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
   font-display: swap;
-}*/
\ No newline at end of file
+  src: url('/assets/fonts/AvenirNext/AvenirNextBold_normal_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextBold_normal_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextRegular_normal_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextRegular_normal_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextMedium_normal_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextMedium_normal_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: italic;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextBoldItalic_italic_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextBoldItalic_italic_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: italic;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextMediumItalic_italic_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextMediumItalic_italic_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextDemi_normal_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextDemi_normal_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: italic;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextItalic_italic_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextItalic_italic_normal.woff') format('woff');
+}
+
+@font-face {
+  font-family: "Avenir Next";
+  font-style: italic;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('/assets/fonts/AvenirNext/AvenirNextDemiItalic_italic_normal.woff2') format('woff2'), url('/assets/fonts/AvenirNext/AvenirNextDemiItalic_italic_normal.woff') format('woff');
+}
\ No newline at end of file
diff --git a/web/src/css/variables.scss b/web/src/css/variables.scss
index 1ef666c..0b4c787 100644
--- a/web/src/css/variables.scss
+++ b/web/src/css/variables.scss
@@ -1,6 +1,13 @@
 :root {
   // font families
-  --font-main: 'Avenir Next', 'Avenir', sans-serif;
+  --font-main: 'AvenirNextMedium', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-medium: 'AvenirNextMedium', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-demi: 'AvenirNextDemi', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-bold: 'AvenirNextBold', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-italic: 'AvenirNextRegularItalic', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-medium-italic: 'AvenirNextMediumItalic', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-demi-italic: 'AvenirNextDemiItalic', 'Avenir Next', 'Avenir', sans-serif;
+  --font-main-bold-italic: 'AvenirNextBoldItalic', 'Avenir Next', 'Avenir', sans-serif;
   --font-serif: 'p22-mackinac-pro', serif;
 
   --font-size-caption: .8rem;