Openstatus
www.openstatus.dev
chore: add more robot-mono
+21
-3
+21
-3
apps/web/src/app/api/og/route.tsx
+21
-3
apps/web/src/app/api/og/route.tsx
···
10
10
const CATEGORY = "product";
11
11
12
12
export async function GET(req: Request) {
13
-
const fontMono = await fetch(
13
+
const fontMonoRegular = await fetch(
14
14
new URL("../../../public/fonts/RobotoMono-Regular.ttf", import.meta.url),
15
15
).then((res) => res.arrayBuffer());
16
+
const fontMonoMedium = await fetch(
17
+
new URL("../../../public/fonts/RobotoMono-Medium.ttf", import.meta.url),
18
+
).then((res) => res.arrayBuffer());
19
+
const fontMonoBold = await fetch(
20
+
new URL("../../../public/fonts/RobotoMono-Bold.ttf", import.meta.url),
21
+
).then((res) => res.arrayBuffer());
16
22
17
23
const { searchParams } = new URL(req.url);
18
24
···
38
44
<div tw="flex flex-col justify-end flex-1 mb-8">
39
45
<p tw="text-xl text-left">[{category.toLowerCase()}]</p>
40
46
<h1
41
-
tw="text-6xl text-black text-left"
47
+
tw="text-6xl text-black text-left font-medium"
42
48
style={{ lineClamp: 2, display: "block" }}
43
49
>
44
50
{title}
···
58
64
fonts: [
59
65
{
60
66
name: "Font Mono",
61
-
data: fontMono,
67
+
data: fontMonoRegular,
62
68
style: "normal",
63
69
weight: 400,
70
+
},
71
+
{
72
+
name: "Font Mono",
73
+
data: fontMonoMedium,
74
+
style: "normal",
75
+
weight: 500,
76
+
},
77
+
{
78
+
name: "Font Mono",
79
+
data: fontMonoBold,
80
+
style: "normal",
81
+
weight: 700,
64
82
},
65
83
],
66
84
},
apps/web/src/public/fonts/RobotoMono-Bold.ttf
apps/web/src/public/fonts/RobotoMono-Bold.ttf
This is a binary file and will not be displayed.
apps/web/src/public/fonts/RobotoMono-Medium.ttf
apps/web/src/public/fonts/RobotoMono-Medium.ttf
This is a binary file and will not be displayed.