/* * Self-hosted fonts — replaces the Google Fonts CDN links previously in * every page's . Latin subset only (the site is English-only). * Playfair Display / Work Sans woff2 files fetched with an older-Chrome * user agent so Google serves distinct static per-weight files rather * than a single variable-font instance — the latter would render every * weight as regular, since static font-weight declarations don't select * an instance on a variable font without font-variation-settings. */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/playfair-display-400.woff2") format("woff2"); } @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/playfair-display-600.woff2") format("woff2"); } @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/playfair-display-700.woff2") format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/work-sans-300.woff2") format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/work-sans-400.woff2") format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/work-sans-500.woff2") format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/work-sans-600.woff2") format("woff2"); } @font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/work-sans-700.woff2") format("woff2"); } /* Material Symbols — subset to the 15 icons actually used on the site, baked at weight 300 to match the original font-variation-settings. */ @font-face { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/material-symbols-outlined-subset.woff2") format("woff2"); } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }