emeraldjava · emeraldjava · Dec 31, 2024
diff --git a/astro.config.ts b/astro.config.ts
@@ -4,7 +4,7 @@
 import remarkToc from "remark-toc";
 import remarkCollapse from "remark-collapse";
 import sitemap from "@astrojs/sitemap";
 import { SITE } from "./src/config";

 // https://astro.build/config
 export default defineConfig({
@@ -53,6 +53,7 @@
    //     }
    //   }
    // },
+    plugins: [rawFonts(['.ttf'])],
    optimizeDeps: {
      exclude: ["@resvg/resvg-js"],
    },
@@ -66,3 +67,18 @@
  // So we're instructing Astro to put the static build output in a folder of that name.
  outDir: "./dist",
 });
+
+function rawFonts(ext) {
+  return {
+    name: 'vite-plugin-raw-fonts',
+    transform(_, id) {
+      if (ext.some(e => id.endsWith(e))) {
+        const buffer = fs.readFileSync(id);
+        return {
+          code: `export default ${JSON.stringify(buffer)}`,
+          map: null
+        };
+      }
+    }
+  };
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "emeraldjava.github.io",
-  "version": "2024.11.16",
+  "version": "2024.12.21",
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
@@ -18,6 +18,7 @@
    "@astrojs/rss": "^4.0.7",
    "@giscus/react": "^3.0.0",
    "@resvg/resvg-js": "^2.6.2",
+    "@vercel/og": "^0.6.4",
    "astro": "^4.16.3",
    "fuse.js": "^7.0.0",
    "lodash.kebabcase": "^4.1.1",

diff --git a/src/utils/loadGoogleFont.ts b/src/utils/loadGoogleFont.ts
@@ -45,17 +45,23 @@ async function loadGoogleFonts(
 > {
  const fontsConfig = [
    {
-      name: "IBM Plex Mono",
-      font: "IBM+Plex+Mono",
+      name: "Space Mono",
+      font: "Space+Mono",
      weight: 400,
      style: "normal",
    },
-    {
-      name: "IBM Plex Mono",
-      font: "IBM+Plex+Mono:wght@700",
-      weight: 700,
-      style: "bold",
-    },
+    // {
+    //   name: "IBM Plex Mono",
+    //   font: "IBM+Plex+Mono",
+    //   weight: 400,
+    //   style: "normal",
+    // },
+    // {
+    //   name: "IBM Plex Mono",
+    //   font: "IBM+Plex+Mono:wght@700",
+    //   weight: 700,
+    //   style: "bold",
+    // },
  ];

  const fonts = await Promise.all(