From aefe03d811c490f0dc61933df9cecb400515ed53 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Tue, 10 Feb 2026 13:09:42 +0300
Subject: [PATCH] feat: use class for barlow font with fallbacks

---
 .../Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeader.svelte      | 2 +-
 src/shared/ui/Logo/Logo.svelte                                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/entities/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeader.svelte b/src/entities/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeader.svelte
index 80cd3f7..1398d23 100644
--- a/src/entities/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeader.svelte
+++ b/src/entities/Breadcrumb/ui/BreadcrumbHeader/BreadcrumbHeader.svelte
@@ -23,7 +23,7 @@ import { scrollBreadcrumbsStore } from '../../model';
         "
     >
         <div class="max-w-8xl mx-auto px-4 sm:px-6 h-full flex items-center gap-2 sm:gap-4">
-            <h1 class={cn('font-[Barlow] font-extralight text-sm sm:text-base')}>
+            <h1 class={cn('barlow font-extralight text-sm sm:text-base')}>
                 GLYPHDIFF
             </h1>
 
diff --git a/src/shared/ui/Logo/Logo.svelte b/src/shared/ui/Logo/Logo.svelte
index 9883dd5..98505a8 100644
--- a/src/shared/ui/Logo/Logo.svelte
+++ b/src/shared/ui/Logo/Logo.svelte
@@ -11,7 +11,7 @@ interface Props {
 
 const { class: className }: Props = $props();
 
-const baseClasses = 'font-[Barlow] font-thin text-5xl sm:text-6xl md:text-7xl lg:text-8xl';
+const baseClasses = 'barlow font-thin text-5xl sm:text-6xl md:text-7xl lg:text-8xl';
 
 const title = 'GLYPHDIFF';
 </script>