Opengrph fixes

src/components/BaseHead.astro

@@ -7,8 +7,9 @@ interface Props {
 
 import { withBase } from "../lib/utils";
 const { title, description = "The official blog of the Python core development team.", image } = Astro.props;
+const baseUrl = import.meta.env.DEV ? Astro.url.origin : Astro.site;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
-const ogImage = image ? new URL(image, Astro.site) : new URL(withBase("/og-default.png"), Astro.site);
+const ogImage = image ? new URL(image, baseUrl) : new URL(withBase("/og-default.png"), baseUrl);
 ---
 
 <meta charset="utf-8" />

src/lib/og-fonts.ts

@@ -0,0 +1,23 @@
+// Shared font loading for OG image generation
+async function loadFont(weight: number): Promise<ArrayBuffer> {
+  const url = `https://fonts.googleapis.com/css2?family=Inter:wght@${weight}&display=swap`;
+  const css = await fetch(url).then((r) => r.text());
+  const match = css.match(/src: url\((.+?)\) format/);
+  if (!match?.[1]) throw new Error(`Failed to load Inter ${weight}`);
+  return fetch(match[1]).then((r) => r.arrayBuffer());
+}
+
+let fontsPromise: Promise<
+  { name: string; data: ArrayBuffer; weight: 400 | 600 | 700; style: "normal" }[]
+> | null = null;
+
+export function getFonts() {
+  if (!fontsPromise) {
+    fontsPromise = Promise.all([
+      loadFont(400).then((data) => ({ name: "Inter" as const, data, weight: 400 as const, style: "normal" as const })),
+      loadFont(600).then((data) => ({ name: "Inter" as const, data, weight: 600 as const, style: "normal" as const })),
+      loadFont(700).then((data) => ({ name: "Inter" as const, data, weight: 700 as const, style: "normal" as const })),
+    ]);
+  }
+  return fontsPromise;
+}