this repo has no description
more fonts
+2
-14
+2
-14
src/app/opengraph-image.tsx
+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
}