fix(web): og image

apps/web/src/app/og/[id]/route.tsx

@@ -3,6 +3,8 @@ import { getErrorMessage } from '@tszhong0411/utils'
 import { allBlogPosts } from 'mdx/generated'
 import { ImageResponse } from 'next/og'
 import { NextResponse } from 'next/server'
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
 
 import { SITE_URL } from '@/lib/constants'
 
@@ -12,6 +14,10 @@ type OGRouteProps = {
   }>
 }
 
+export const loadFile = (filePath: string): Buffer => {
+  return readFileSync(path.join(process.cwd(), filePath))
+}
+
 export const GET = async (_: Request, props: OGRouteProps) => {
   try {
     const { id } = await props.params
@@ -36,9 +42,7 @@ export const GET = async (_: Request, props: OGRouteProps) => {
       return 64
     }
 
-    const roboto = await fetch(
-      new URL('../../../../public/fonts/RobotoCondensed-Bold.ttf', import.meta.url)
-    ).then((res) => res.arrayBuffer())
+    const roboto = loadFile('public/fonts/RobotoCondensed-Bold.ttf')
 
     const post = await db
       .select({