this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

more fonts

alice a3a66058 7ca24789

+2 -14
+2 -14
src/app/opengraph-image.tsx
··· 1 1 import { ImageResponse } from "next/og"; 2 2 import { DESCRIPTION, HOSTNAME } from "#/lib/config"; 3 - import { loadGoogleFont } from "#/lib/google-font"; 4 3 5 4 export const size = { 6 5 width: 1200, ··· 9 8 export const contentType = "image/png"; 10 9 11 10 export default async function OpenGraphImage() { 12 - const fontData = await loadGoogleFont( 13 - "Libre+Baskerville:ital@1", 14 - `${HOSTNAME} ${DESCRIPTION}`, 15 - ); 16 - 17 11 return new ImageResponse( 18 12 ( 19 13 <div tw="h-full w-full bg-white flex flex-col justify-center items-center"> 20 14 <h1 21 15 style={{ 22 - fontFamily: "sans", 16 + fontFamily: "system", 23 17 fontSize: 80, 24 18 fontWeight: 700, 25 19 fontStyle: "oblique", ··· 31 25 style={{ 32 26 fontSize: 32, 33 27 fontStyle: "italic", 34 - fontFamily: '"Libre Baskerville"', 28 + fontFamily: "system", 35 29 }} 36 30 > 37 31 {DESCRIPTION} ··· 40 34 ), 41 35 { 42 36 ...size, 43 - fonts: [ 44 - { 45 - name: "Libre Baskerville", 46 - data: fontData, 47 - }, 48 - ], 49 37 }, 50 38 ); 51 39 }