diff --git a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue b/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
index e1dc171..f6a9d11 100644
--- a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
+++ b/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 }}