diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css
index 55e58c1..e68a7b8 100644
--- a/frontend/assets/css/tailwind.css
+++ b/frontend/assets/css/tailwind.css
@@ -4,6 +4,8 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
+    --font-display: 'TikTok Sans', 'sans-serif';
+
     --color-background: var(--background);
     --color-foreground: var(--foreground);
     --color-card: var(--card);
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 172e06b..dab97bd 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -90,3 +90,9 @@ const breadcrumbs = computed(() => getBreadcrumbs(route.path));
         </main>
     </SidebarProvider>
 </template>
+
+<style>
+* {
+    font-family: 'TikTok Sans', sans-serif;
+}
+</style>