/* * 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 icons actually used on the site, baked at weight 300 to match the original font-variation-settings. ICON_NAMES: calendar_month,call,check_circle,close,deck,download,favorite,grid_view,groups,mail,menu,nature_people,schedule,search,star Whenever a new icon ligature is added to the HTML, add it to the ICON_NAMES list above (editor/test/icon-coverage.js checks this list against every page and fails the build if they drift) and regenerate this file or the new icon will silently render as literal text — fetch the CSS from https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,0,0&icon_names= (a real browser User-Agent is required or Google serves a legacy non-woff2 format), then download the woff2 URL it returns over this file. */ @font-face { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: 300; font-display: block; 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; }