diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index a6e6bdd3..dda9d35e 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -3,7 +3,7 @@
/* 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! */
body {
- font-family: Roboto;
+ font-family: AvertaRegular;
font-weight: 400;
color: #000;
margin: 0;
diff --git a/public/index.html b/public/index.html
index 6db2d816..ae1b046e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,8 +12,7 @@
-
-
+
<%= htmlWebpackPlugin.options.title %>
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index fb7d90a8..6f80d3c7 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -3,7 +3,7 @@
/* 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! */
body {
- font-family: Roboto;
+ font-family: AvertaRegular;
font-weight: 400;
color: #000;
margin: 0;
diff --git a/src/assets/fonts/averta-bold-webfont.woff b/src/assets/fonts/averta-bold-webfont.woff
new file mode 100644
index 00000000..422e65ff
Binary files /dev/null and b/src/assets/fonts/averta-bold-webfont.woff differ
diff --git a/src/assets/fonts/averta-bold-webfont.woff2 b/src/assets/fonts/averta-bold-webfont.woff2
new file mode 100644
index 00000000..c66990f5
Binary files /dev/null and b/src/assets/fonts/averta-bold-webfont.woff2 differ
diff --git a/src/assets/fonts/averta-bolditalic-webfont.woff b/src/assets/fonts/averta-bolditalic-webfont.woff
new file mode 100644
index 00000000..e3fff494
Binary files /dev/null and b/src/assets/fonts/averta-bolditalic-webfont.woff differ
diff --git a/src/assets/fonts/averta-bolditalic-webfont.woff2 b/src/assets/fonts/averta-bolditalic-webfont.woff2
new file mode 100644
index 00000000..afde47c8
Binary files /dev/null and b/src/assets/fonts/averta-bolditalic-webfont.woff2 differ
diff --git a/src/assets/fonts/averta-extrabold-webfont.woff b/src/assets/fonts/averta-extrabold-webfont.woff
new file mode 100644
index 00000000..1f76979d
Binary files /dev/null and b/src/assets/fonts/averta-extrabold-webfont.woff differ
diff --git a/src/assets/fonts/averta-extrabold-webfont.woff2 b/src/assets/fonts/averta-extrabold-webfont.woff2
new file mode 100644
index 00000000..48c8bfed
Binary files /dev/null and b/src/assets/fonts/averta-extrabold-webfont.woff2 differ
diff --git a/src/assets/fonts/averta-regular-webfont.woff b/src/assets/fonts/averta-regular-webfont.woff
new file mode 100644
index 00000000..e657e8a0
Binary files /dev/null and b/src/assets/fonts/averta-regular-webfont.woff differ
diff --git a/src/assets/fonts/averta-regular-webfont.woff2 b/src/assets/fonts/averta-regular-webfont.woff2
new file mode 100644
index 00000000..4b481ebb
Binary files /dev/null and b/src/assets/fonts/averta-regular-webfont.woff2 differ
diff --git a/src/assets/fonts/averta-regularitalic-webfont.woff b/src/assets/fonts/averta-regularitalic-webfont.woff
new file mode 100644
index 00000000..0bb7810b
Binary files /dev/null and b/src/assets/fonts/averta-regularitalic-webfont.woff differ
diff --git a/src/assets/fonts/averta-regularitalic-webfont.woff2 b/src/assets/fonts/averta-regularitalic-webfont.woff2
new file mode 100644
index 00000000..86b27572
Binary files /dev/null and b/src/assets/fonts/averta-regularitalic-webfont.woff2 differ
diff --git a/src/assets/fonts/averta-semibold-webfont.woff b/src/assets/fonts/averta-semibold-webfont.woff
new file mode 100644
index 00000000..e7fbb0d8
Binary files /dev/null and b/src/assets/fonts/averta-semibold-webfont.woff differ
diff --git a/src/assets/fonts/averta-semibold-webfont.woff2 b/src/assets/fonts/averta-semibold-webfont.woff2
new file mode 100644
index 00000000..1245f1a4
Binary files /dev/null and b/src/assets/fonts/averta-semibold-webfont.woff2 differ
diff --git a/src/layouts/order-confirmation/add-to-calendar/add-to-calendar.vue b/src/layouts/order-confirmation/add-to-calendar/add-to-calendar.vue
index 7dea78e0..e5ee1da0 100644
--- a/src/layouts/order-confirmation/add-to-calendar/add-to-calendar.vue
+++ b/src/layouts/order-confirmation/add-to-calendar/add-to-calendar.vue
@@ -285,7 +285,7 @@ export default {
color: #1574a1;
vertical-align: middle;
font-weight: 500;
- font-family: "Roboto";
+ font-family: "AvertaRegular";
}
.add-to-calendar button {
border: 0;
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;
+}
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index 82b6648a..b0917c12 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: Roboto, Arial, Helvetica, sans-serif;
+$font-family-sans-serif: AvertaRegular, Arial, Helvetica, sans-serif;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace;
// stylelint-enable value-keyword-case