new fonts added working across website

This commit is contained in:
Calvin Jhunjhuwala
2025-10-21 09:09:56 -07:00
parent ce49c8b6ba
commit 201479ced6
71 changed files with 121 additions and 67 deletions

View File

@@ -1,4 +1,5 @@
.card, .cta-card, .q-wrapper {
position: relative;
@include media-breakpoint-up(lg) {
box-shadow: $dropdown-box-shadow;
}
@@ -168,6 +169,7 @@ a.card:hover h3 {
.card {
flex-grow: 0;
flex-basis: 100%;
padding: 0;
margin: 0 $card-deck-margin (4 * $card-deck-margin) $card-deck-margin;
background-position: bottom;
background-repeat: no-repeat;

View File

@@ -1,93 +1,145 @@
// Font face stuff from Google
// Booton Font Family (Sans-serif)
@font-face {
font-family: 'Space Mono';
font-family: 'Booton';
font-style: normal;
font-weight: 400;
font-display: auto;
src: local('Space Mono'), local('SpaceMono-Regular'), url("../font/SpaceMono-Regular.woff2") format('woff2'), url(https://fonts.gstatic.com/s/spacemono/v4/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 700;
font-display: auto;
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url("../font/SpaceMono-Bold.woff2") format('woff2'), url(https://fonts.gstatic.com/s/spacemono/v4/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-weight: 100;
font-display: swap;
src: url("../font/Booton-Thin.woff2") format('woff2'),
url("../font/Booton-Thin.woff") format('woff');
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-family: 'Booton';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("../font/Booton-Extralight.woff2") format('woff2'),
url("../font/Booton-Extralight.woff") format('woff');
}
@font-face {
font-family: 'Booton';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../font/Booton-Light.woff2") format('woff2'),
url("../font/Booton-Light.woff") format('woff');
}
@font-face {
font-family: 'Booton';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Work Sans'), url("../font/WorkSans-Regular.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJpp_c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Work Sans'), url("../font/WorkSans-Regular.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
src: url("../font/Booton-Regular.woff2") format('woff2'),
url("../font/Booton-Regular.woff") format('woff');
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-family: 'Booton';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../font/WorkSans-Medium.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBiEJpp_c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
src: url("../font/Booton-Medium.woff2") format('woff2'),
url("../font/Booton-Medium.woff") format('woff');
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-family: 'Booton';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../font/Booton-Semibold.woff2") format('woff2'),
url("../font/Booton-Semibold.woff") format('woff');
}
@font-face {
font-family: 'Booton';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../font/Booton-Bold.woff2") format('woff2'),
url("../font/Booton-Bold.woff") format('woff');
}
@font-face {
font-family: 'Booton';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../font/Booton-Heavy.woff2") format('woff2'),
url("../font/Booton-Heavy.woff") format('woff');
}
// Tobias Font Family (Monospace)
@font-face {
font-family: 'Tobias';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("../font/Tobias-Thin.woff2") format('woff2'),
url("../font/Tobias-Thin.woff") format('woff');
}
@font-face {
font-family: 'Tobias';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("../font/Tobias-Light.woff2") format('woff2'),
url("../font/Tobias-Light.woff") format('woff');
}
@font-face {
font-family: 'Tobias';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../font/Tobias-Light.woff2") format('woff2'),
url("../font/Tobias-Light.woff") format('woff');
}
@font-face {
font-family: 'Tobias';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../font/Tobias-Regular.woff2") format('woff2'),
url("../font/Tobias-Regular.woff") format('woff');
}
@font-face {
font-family: 'Tobias';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../font/WorkSans-Medium.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
src: url("../font/Tobias-Medium.woff2") format('woff2'),
url("../font/Tobias-Medium.woff") format('woff');
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-family: 'Tobias';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../font/WorkSans-SemiBold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBiEJpp_c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
src: url("../font/Tobias-SemiBold.woff2") format('woff2'),
url("../font/Tobias-SemiBold.woff") format('woff');
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../font/WorkSans-SemiBold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-family: 'Tobias';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Work Sans Bold'), url("../font/WorkSans-Bold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBiEJpp_c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
src: url("../font/Tobias-Bold.woff2") format('woff2'),
url("../font/Tobias-Bold.woff") format('woff');
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-family: 'Tobias';
font-style: normal;
font-weight: 700;
font-weight: 800;
font-display: swap;
src: local('Work Sans Bold'), url("../font/WorkSans-Bold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
src: url("../font/Tobias-Heavy.woff2") format('woff2'),
url("../font/Tobias-Heavy.woff") format('woff');
}

View File

@@ -526,9 +526,9 @@ $banner-height: 0; // Currently no pencil banner.
&.submenu-expanded {
padding-top: 0;
.dropdown:not(.show) .dropdown-toggle {
display: none;
}
// .dropdown:not(.show) .dropdown-toggle {
// display: none;
// }
#topnav-search,
#topnav-language,

View File

@@ -31,8 +31,8 @@ $input-btn-line-height: 1.25;
$input-font-size: 1rem;
// @import "_font-face.scss";
$font-family-monospace: "Space Mono", monospace;
$font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont,
$font-family-monospace: "Tobias", monospace;
$font-family-sans-serif: "Booton", -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
sans-serif;
$base-size: 16px;