Merge pull request #8 from solitar-dev/fix/og-image

Fix OG image

Author: tobynguyen27

apps/frontend/src/app/components/OgImage/Basic.takumi.vue

@@ -12,9 +12,13 @@ defineProps<Props>();
 		<img src="/og_template.png" alt="og" class="absolute z-1" width="1200px" height="630px" />
 
 		<div class="relative flex flex-col justify-between my-12 mx-20 z-10">
-			<h1 class="text-7xl text-[#EDEDED]" :style="{ fontFamily: 'Orbitron' }">Solitar</h1>
+			<h1
+				class="text-7xl text-[#EDEDED]"
+				style="font-family: 'Orbitron', sans-serif">
+				Solitar
+			</h1>
 
-			<div class="flex flex-col" :style="{ fontFamily: 'Geist Mono' }">
+			<div class="flex flex-col" style="font-family: 'Geist Mono', monospace">
 				<h2 class="text-5xl text-[#EDEDED]" v-if="subtitle">{{ subtitle }}</h2>
 				<h3 v-if="description" class="text-[#A0A0A0] text-3xl">
 					{{ description }}