/* ========================================================================== HEAT CLUB — FONT LAYER Three slots. Exactly one should be active at a time. The rest of the site only ever references --font-display and --font-body, so swapping typefaces means editing this file and nothing else. Current state: SLOT C is active (stand-in faces). See README.md for the licensing situation around ABC Marist. ========================================================================== */ /* -------------------------------------------------------------------------- SLOT A — Adobe Fonts (Typekit) 1. Paste your kit link into in index.html (a placeholder is marked there). 2. Uncomment the block below and set the family names Adobe gives you. 3. Comment out SLOT C. Note: ABC Marist is published by ABC Dinamo, which does not distribute through Adobe Fonts. A Typekit kit can cover the body grotesque, but the display serif will need SLOT B. See README.md. -------------------------------------------------------------------------- :root { --font-display: "your-adobe-display-family", Georgia, "Times New Roman", serif; --font-body: "your-adobe-body-family", system-ui, -apple-system, sans-serif; } */ /* -------------------------------------------------------------------------- SLOT B — self-hosted brand fonts Once you hold a web licence, drop the .woff2 files into assets/fonts/, uncomment this block, and comment out SLOT C. -------------------------------------------------------------------------- @font-face { font-family: "ABC Marist"; src: url("../fonts/ABCMarist-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ABC Marist"; src: url("../fonts/ABCMarist-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Keen Grotesk"; src: url("../fonts/KeenGrotesk-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Keen Grotesk"; src: url("../fonts/KeenGrotesk-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } :root { --font-display: "ABC Marist", Georgia, "Times New Roman", serif; --font-body: "Keen Grotesk", system-ui, -apple-system, sans-serif; } */ /* -------------------------------------------------------------------------- SLOT C — ACTIVE: stand-in faces Newsreader stands in for ABC Marist: a warm editorial serif with prominent serifs and wide uppercase proportions — the closest freely-licensed match to Marist's character. Archivo stands in for Keen Grotesk: a clean, functional grotesque that holds up well in the letter-spaced caps used for labels. Both are self-hosted (latin subset, variable) rather than loaded from the Google Fonts CDN — no third-party request, faster first paint, and no personal data leaves the visitor's browser. -------------------------------------------------------------------------- */ @font-face { font-family: "Newsreader"; src: url("../fonts/newsreader-latin.woff2") format("woff2"); font-weight: 200 500; font-style: normal; font-display: swap; 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: "Archivo"; src: url("../fonts/archivo-latin.woff2") format("woff2"); font-weight: 400 500; font-style: normal; font-display: swap; 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; } :root { --font-display: "Newsreader", Georgia, "Times New Roman", serif; --font-body: "Archivo", system-ui, -apple-system, "Helvetica Neue", sans-serif; }