diff --git a/app/lookup/[domain]/opengraph-image.tsx b/app/lookup/[domain]/opengraph-image.tsx index 6954d8ec..d03bf0d2 100644 --- a/app/lookup/[domain]/opengraph-image.tsx +++ b/app/lookup/[domain]/opengraph-image.tsx @@ -11,14 +11,19 @@ const interBoldFontP = fetch( new URL('https://fonts.bunny.net/inter/files/inter-latin-700-normal.woff') ).then((res) => res.arrayBuffer()); +const kanitBoldFontP = fetch( + new URL('https://fonts.bunny.net/kanit/files/kanit-latin-800-normal.woff') +).then((res) => res.arrayBuffer()); + export const handler = async ({ params, }: { params: { domain: string }; }): Promise => { - const [interRegularFont, interBoldFont] = await Promise.all([ + const [interRegularFont, interBoldFont, kanitBoldFont] = await Promise.all([ interRegularFontP, interBoldFontP, + kanitBoldFontP, ]); return new ImageResponse( @@ -39,6 +44,7 @@ export const handler = async ({ style={{ fontSize: 32, color: '#000', + fontWeight: 800, }} > digga @@ -73,6 +79,12 @@ export const handler = async ({ style: 'normal', weight: 700, }, + { + name: 'Kanit', + data: kanitBoldFont, + style: 'normal', + weight: 800, + }, ], } ); diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx index 25f58603..0fff6b2a 100644 --- a/app/opengraph-image.tsx +++ b/app/opengraph-image.tsx @@ -11,10 +11,15 @@ const interBoldFontP = fetch( new URL('https://fonts.bunny.net/inter/files/inter-latin-700-normal.woff') ).then((res) => res.arrayBuffer()); +const kanitBoldFontP = fetch( + new URL('https://fonts.bunny.net/kanit/files/kanit-latin-800-normal.woff') +).then((res) => res.arrayBuffer()); + export const handler = async () => { - const [interRegularFont, interBoldFont] = await Promise.all([ + const [interRegularFont, interBoldFont, kanitBoldFont] = await Promise.all([ interRegularFontP, interBoldFontP, + kanitBoldFontP, ]); return new ImageResponse( @@ -35,7 +40,7 @@ export const handler = async () => { style={{ fontSize: 48, color: '#000', - fontWeight: 700, + fontWeight: 800, }} > digga @@ -67,6 +72,12 @@ export const handler = async () => { style: 'normal', weight: 700, }, + { + name: 'Kanit', + data: kanitBoldFont, + style: 'normal', + weight: 800, + }, ], } );