fix: add font support to serverless chrome

api/render-social-image/[pageId].ts

@@ -94,6 +94,11 @@ async function createSocialImage(params: SocialImageConfig) {
   let browser
 
   try {
+    // add font support for emojis
+    await chromium.font(
+      'https://raw.githack.com/googlei18n/noto-emoji/master/fonts/NotoColorEmoji.ttf'
+    )
+
     browser = await chromium.puppeteer.launch({
       args: chromium.args,
       defaultViewport: chromium.defaultViewport,

lib/config.ts

@@ -18,7 +18,7 @@ export const siteDescription =
   'Personal site of Travis Fischer aka Transitive Bullshit'
 export const siteFavicon = `https://${siteDomain}/favicon.png`
 export const socialImageTitle = 'Transitive Bullshit'
-export const socialImageSubtitle = 'Hello World 👋'
+export const socialImageSubtitle = 'Hello World! 👋'
 
 // default notion values for site-wide consistency (may be overridden on a per-page basis)
 export const defaultPageIcon =