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>