/* --------------------------------------------------------------------------- Citywide — display / heading face (self-hosted, from Citywide v1.1 web fonts) Body & UI label faces (FF Meta Serif / FF Meta) are loaded from Typekit via the in each page's . --------------------------------------------------------------------------- */ @font-face { font-family: "Citywide"; src: url("../assets/fonts/Citywide-RegularLight.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Citywide"; src: url("../assets/fonts/Citywide-RegularMedium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Citywide"; src: url("../assets/fonts/Citywide-RegularSemibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Citywide"; src: url("../assets/fonts/Citywide-RegularBold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } /* A wider cut used for the oversized product hero wordmark */ @font-face { font-family: "Citywide Semiwide"; src: url("../assets/fonts/Citywide-SemiwideBold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }