jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Swapping Averta for Urbanist

Browse source
This commit is contained in:
Michaela Brydon 2025-07-24 15:56:12 -04:00
parent d6bb9ea7fc
commit 4dc98d2f35
4 changed files with 42 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/css/hop-styling.css
View file

@ -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! */ /* 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 { body {
font-family: AvertaRegular; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
color: #000; color: #000;
margin: 0; margin: 0;

3
public/scss/hop-styling.scss
View file

@ -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! */ /* 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 { body {
font-family: AvertaRegular; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
color: #000; color: #000;
margin: 0; margin: 0;

38
src/styles/common-typography-styles.scss
View file

@ -71,58 +71,58 @@ caption,
font-weight: 400; font-weight: 400;
} }
// Averta Fonts // Urbanist Fonts
@font-face { @font-face {
font-family: "AvertaBold"; font-family: "UrbanistRegular";
src: src:
url("@/assets/fonts/averta-bold-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-Regular.woff") format("woff2"),
url("@/assets/fonts/averta-bold-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-Regular.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "AvertaBold_Italic"; font-family: "UrbanistSemibold";
src: src:
url("@/assets/fonts/averta-bolditalic-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-SemiBold.woff") format("woff2"),
url("@/assets/fonts/averta-bolditalic-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-SemiBold.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "AvertaExtraBold"; font-family: "UrbanistBold";
src: src:
url("@/assets/fonts/averta-extrabold-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-Bold.woff") format("woff2"),
url("@/assets/fonts/averta-extrabold-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-Bold.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "AvertaRegular"; font-family: "UrbanistExtraBold";
src: src:
url("@/assets/fonts/averta-regular-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-ExtraBold.woff") format("woff2"),
url("@/assets/fonts/averta-regular-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-ExtraBold.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "AvertaRegular_Italic"; font-family: "UrbanistMedium_Italic";
src: src:
url("@/assets/fonts/averta-regularitalic-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-MediumItalic.woff") format("woff2"),
url("@/assets/fonts/averta-regularitalic-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-MediumItalic.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "AvertaSemibold"; font-family: "UrbanistBold_Italic";
src: src:
url("@/assets/fonts/averta-semibold-webfont.woff2") format("woff2"), url("@/assets/fonts/Urbanist-BoldItalic.woff") format("woff2"),
url("@/assets/fonts/averta-semibold-webfont.woff") format("woff"); url("@/assets/fonts/Urbanist-BoldItalic.woff2") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

2
src/styles/ux-variables.scss
View file

@ -117,7 +117,7 @@ $theme-colors: (
$body-color: $gray-600; $body-color: $gray-600;
//Fonts //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", $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace; monospace;
// stylelint-enable value-keyword-case // stylelint-enable value-keyword-case