diff --git a/src/iss-components/footer-menu/footer-menu.vue b/src/iss-components/footer-menu/footer-menu.vue index 3fb0bd72..738c0507 100644 --- a/src/iss-components/footer-menu/footer-menu.vue +++ b/src/iss-components/footer-menu/footer-menu.vue @@ -63,7 +63,6 @@ export default { .footer-menu-container { display: flex; border-top: solid 0.125rem #d3d3d3; - font-family: $font-family-urbanist-regular-400; @include media-breakpoint-up(xs) { padding: 1rem 0 1.25rem 0; // Heritage 1.250rem 0 diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue index f2d6796d..b58be168 100644 --- a/src/iss-components/site-sub-header/site-sub-header.vue +++ b/src/iss-components/site-sub-header/site-sub-header.vue @@ -177,12 +177,7 @@ p { } } -.subheader-primary { - font-family: $font-family-urbanist-regular-400; -} - .subheader-secondary { - font-family: $font-family-urbanist-regular-400; p { margin-bottom: 1.25rem; color: #525656; diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss index b12a0ac8..f7790a78 100644 --- a/src/styles/common-typography-styles.scss +++ b/src/styles/common-typography-styles.scss @@ -73,55 +73,55 @@ caption, // Urbanist Fonts @font-face { - font-family: "UrbanistRegular"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-Regular.woff") format("woff2"), - url("@/assets/fonts/Urbanist-Regular.woff2") format("woff"); - font-weight: normal; + url("@/assets/fonts/Urbanist-Regular.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-Regular.woff") format("woff"); + font-weight: 400; font-style: normal; } @font-face { - font-family: "UrbanistSemibold"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-SemiBold.woff") format("woff2"), - url("@/assets/fonts/Urbanist-SemiBold.woff2") format("woff"); - font-weight: normal; + url("@/assets/fonts/Urbanist-SemiBold.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-SemiBold.woff") format("woff"); + font-weight: 600; font-style: normal; } @font-face { - font-family: "UrbanistBold"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-Bold.woff") format("woff2"), - url("@/assets/fonts/Urbanist-Bold.woff2") format("woff"); - font-weight: normal; + url("@/assets/fonts/Urbanist-Bold.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-Bold.woff") format("woff"); + font-weight: 700; font-style: normal; } @font-face { - font-family: "UrbanistExtraBold"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-ExtraBold.woff") format("woff2"), - url("@/assets/fonts/Urbanist-ExtraBold.woff2") format("woff"); - font-weight: normal; + url("@/assets/fonts/Urbanist-ExtraBold.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-ExtraBold.woff") format("woff"); + font-weight: 800; font-style: normal; } @font-face { - font-family: "UrbanistMedium_Italic"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-MediumItalic.woff") format("woff2"), - url("@/assets/fonts/Urbanist-MediumItalic.woff2") format("woff"); - font-weight: normal; - font-style: normal; + url("@/assets/fonts/Urbanist-MediumItalic.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-MediumItalic.woff") format("woff"); + font-weight: 500; + font-style: italic; } @font-face { - font-family: "UrbanistBold_Italic"; + font-family: "Urbanist"; src: - url("@/assets/fonts/Urbanist-BoldItalic.woff") format("woff2"), - url("@/assets/fonts/Urbanist-BoldItalic.woff2") format("woff"); - font-weight: normal; - font-style: normal; + url("@/assets/fonts/Urbanist-BoldItalic.woff2") format("woff2"), + url("@/assets/fonts/Urbanist-BoldItalic.woff") format("woff"); + font-weight: 700; + font-style: italic; } \ No newline at end of file diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index 9608c860..d713b8ed 100644 --- a/src/styles/ux-variables.scss +++ b/src/styles/ux-variables.scss @@ -117,9 +117,7 @@ $theme-colors: ( $body-color: $gray-600; //Fonts -$font-family-urbanist-regular-400: UrbanistRegular, Roboto, Arial, sans-serif; -$font-family-urbanist-semibold-600: UrbanistSemibold, Roboto, Arial, sans-serif; -$font-family-sans-serif: $font-family-urbanist-semibold-600; +$font-family-sans-serif: Urbanist, Roboto, Arial, sans-serif; $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; // stylelint-enable value-keyword-case