events: don't vendor the embed font (it forced Atkinson site-wide)

The prior commit vendored Atkinson to /fonts/, which also satisfied the
site's own (previously-broken) @font-face and forced Atkinson across the
whole site. Drop the vendoring and the embed @font-face; the embed now
mirrors the site's font declaration with no webfont, falling back to the
reader's sans-serif like the rest of the site.

Author: LauraLangdon

scripts/aggregate-events.js

@@ -84,18 +84,6 @@ try {
     path.join(buildRoot, "purify.min.js"),
   );
   console.log("Copied purify.min.js to build root");
-
-  // Vendor the site's Atkinson Hyperlegible font next to the embed so the iframe
-  // (a separate document that can't inherit the page's @font-face) renders in the
-  // site font. Served at /fonts/; keep the weights in sync with the @font-face in
-  // embed.html and static/css/custom.css.
-  const fontsDir = path.join(buildRoot, "fonts");
-  fs.mkdirSync(fontsDir, { recursive: true });
-  for (const weight of ["400", "700"]) {
-    const file = `atkinson-hyperlegible-latin-${weight}-normal.woff2`;
-    fs.copyFileSync(path.join(__dirname, "..", "static", "fonts", file), path.join(fontsDir, file));
-  }
-  console.log("Copied Atkinson Hyperlegible fonts to build root /fonts");
 } catch (err) {
   console.error(`\nFailed to write build outputs: ${err.message}`);
   process.exit(1);

scripts/events/embed.html

@@ -17,28 +17,11 @@
     <title>UC OSPO Network events</title>
     <link href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.css" rel="stylesheet" />
     <style>
-      /* Site font (Atkinson Hyperlegible), mirrored from static/css/custom.css.
-         The iframe is a separate document, so the @font-face must be redeclared
-         here. MyST hashes files under static/, so the build (aggregate-events.js)
-         vendors these woff2s to /fonts/ next to the embed, same as purify.min.js. */
-      @font-face {
-        font-family: "Atkinson Hyperlegible";
-        font-style: normal;
-        font-weight: 400;
-        src: url("/fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2");
-      }
-      @font-face {
-        font-family: "Atkinson Hyperlegible";
-        font-style: normal;
-        font-weight: 700;
-        src: url("/fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2");
-      }
       :root {
-        /* Mirror the site brand palette + font (static/css/custom.css) so the
-           embed matches the rest of the page. This iframe is a separate document
-           and does NOT inherit the parent's --pst-* variables, so they're
-           restated here. Change them in one place; keep in sync with custom.css. */
-        --uco-font: "Atkinson Hyperlegible", sans-serif;
+        /* Mirror the site brand palette (static/css/custom.css) so the embed
+           matches the rest of the page. This iframe is a separate document and
+           does NOT inherit the parent's --pst-* variables, so they're restated
+           here. Change them in one place; keep in sync with custom.css. */
         --uco-primary: #003cb3; /* links, event tiles, button (--pst-color-link) */
         --uco-link-hover: #ff9100; /* --pst-color-link-hover */
         --uco-text: #222832; /* body / popover text (--tw-prose-body) */
@@ -66,7 +49,11 @@
       }
       body {
         margin: 0;
-        font-family: var(--uco-font);
+        /* Mirror the site's body font (static/css/custom.css) so the embed
+           behaves the same way the rest of the site does. No @font-face here, so
+           (like the site) this falls back to the reader's sans-serif unless
+           Atkinson is installed locally. */
+        font-family: "Atkinson Hyperlegible", sans-serif;
         color: var(--uco-text);
         /* The parent page sizes this iframe to fit its content, so an internal
            scrollbar is never needed; hide the sub-pixel-overflow one. */