sveltejs
diff --git a/‎apps/svelte.dev/package.json‎
Lines changed: 0 additions & 1 deletion b/‎apps/svelte.dev/package.json‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/+server.ts‎
Lines changed: 3 additions & 5 deletions b/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/+server.ts‎
Lines changed: 3 additions & 5 deletions
diff --git a/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/Card.svelte‎
Lines changed: 3 additions & 1 deletion b/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/Card.svelte‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/Yantramanav-Regular.ttf‎
150 KB b/‎apps/svelte.dev/src/routes/blog/[slug]/card.png/Yantramanav-Regular.ttf‎
150 KB
diff --git a/‎pnpm-lock.yaml‎
Lines changed: 0 additions & 8 deletions b/‎pnpm-lock.yaml‎
Lines changed: 0 additions & 8 deletions
@@ -26,7 +26,6 @@
 		"@codemirror/search": "^6.5.2",
 		"@codemirror/state": "^6.2.1",
 		"@codemirror/view": "^6.17.1",
-		"@fontsource/roboto-mono": "^5.0.8",
 		"@jridgewell/sourcemap-codec": "^1.4.15",
 		"@lezer/common": "^1.0.4",
 		"@lezer/highlight": "^1.1.6",
 
@@ -5,9 +5,7 @@ import { read } from '$app/server';
 import satori from 'satori';
 import { html as toReactNode } from 'satori-html';
 import Card from './Card.svelte';
-// @ts-expect-error no types for the query exist
-import CardCSS from './Card.svelte?raw&svelte&type=style';
-import OverpassRegular from './Overpass-Regular.ttf?url';
+import YantramanavRegular from './Yantramanav-Regular.ttf?url';
 import { blog_posts } from '$lib/server/content';
 
 export const prerender = true;
@@ -20,15 +18,15 @@ export function entries() {
 
 const height = 630;
 const width = 1200;
-const data = await read(OverpassRegular).arrayBuffer();
+const data = await read(YantramanavRegular).arrayBuffer();
 
 export async function GET({ params }) {
 	const post = blog_posts.find((post) => post.slug === `blog/${params.slug}`);
 
 	if (!post) error(404);
 
 	const result = render(Card, { props: { title: post.metadata.title, date: post.date_formatted } });
-	const element = toReactNode(`${result.body}<style>${CardCSS}</style>`);
+	const element = toReactNode(`<head>${result.head}</head>${result.body}`);
 
 	const svg = await satori(element, {
 		fonts: [
 
@@ -1,3 +1,5 @@
+<svelte:options css="injected" />
+
 <script lang="ts">
 	let { title, date }: { title: string; date: string } = $props();
 </script>
@@ -16,7 +18,7 @@
 		display: flex;
 		width: 100%;
 		height: 100%;
-		font-family: 'Overpass';
+		font-family: 'Yantramanav';
 		background: white;
 	}