/* --------------------------------------------------------------- Self-hosted licensed faces. Loaded AFTER styles.css so the theme classes below can override --sans / --display. Weight mapping keeps the design's 300/400/500/600 scale intact. --------------------------------------------------------------- */ /* Gotham — Hoefler & Frere-Jones, Tobias Frere-Jones */ @font-face{font-family:"Gotham";src:url("fonts/web/Gotham-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("fonts/web/Gotham-Book.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("fonts/web/Gotham-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("fonts/web/Gotham-Bold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap} /* Buffalo — Ellen Luff */ @font-face{font-family:"Buffalo";src:url("fonts/web/Buffalo-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:"Buffalo";src:url("fonts/web/Buffalo-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Buffalo";src:url("fonts/web/Buffalo-SemiBold.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:"Buffalo";src:url("fonts/web/Buffalo-Bold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap} @font-face{font-family:"Buffalo";src:url("fonts/web/Buffalo-SemiBoldItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap} /* ---- themes: set on ---- */ .type-gotham{ --sans:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --display:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; } .type-buffalo{ --sans:"Buffalo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --display:"Buffalo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --track-display:0.005em; --lh-display:0.99; } /* Buffalo for display, Gotham for everything that has to be read */ .type-duo{ --sans:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --display:"Buffalo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; --track-display:0.005em; --lh-display:0.99; }