Estoy tratando de usar Canvas para generar imágenes a través de una API porque necesito generar imágenes mediante programación usando una imagen de fondo y superponiendo texto personalizado.

Estoy escribiendo el servidor en Node JS.

Implementación actual en "pages/api/image.js":

 import "@fontsource/press-start-2p"; //Font I am trying to use -- successfully loads in React web UI const { createCanvas, loadImage } = require("canvas"); export async function generateImage(body) { const canvas = createCanvas(width, height); const context = canvas.getContext("2d"); ... context.drawImage(image, 0, 0, width, height); //draws background image - no problem ... context.font = "16pt Press Start 2P"; //Font defaults to other alternative context.fillText("Sample text", 40, 40);

No puedo averiguar si Canvas no admite la fuente personalizada o si estoy cargando la fuente incorrectamente.

¿Alguien tiene algún consejo sobre cómo generar estas imágenes con la fuente personalizada? Estoy abierto a una solución que no sea Canvas si esa es una limitación del paquete.