diff --git a/apps/xi.land/app/layout.tsx b/apps/xi.land/app/layout.tsx index 06d48fed..d8c0aacf 100644 --- a/apps/xi.land/app/layout.tsx +++ b/apps/xi.land/app/layout.tsx @@ -1,6 +1,5 @@ import { Metadata } from 'next'; -import { Inter } from 'next/font/google'; -import localFont from 'next/font/local'; +import { Inter, Caveat } from 'next/font/google'; import { ReactNode } from 'react'; import { Header } from 'components/Header'; @@ -93,10 +92,12 @@ export const metadata: Metadata = { }, }; -const markerHand = localFont({ - src: '../public/fonts/MarkerHand-Regular.woff2', +const caveat = Caveat({ + weight: ['400', '500', '600', '700'], + style: ['normal'], + subsets: ['latin', 'cyrillic'], display: 'swap', - variable: '--font-marker-hand', + variable: '--font-caveat', fallback: ['cursive'], }); @@ -110,7 +111,7 @@ const inter = Inter({ export default function RootLayout({ children }: { children: ReactNode }) { return ( - +
{process.env.NODE_ENV === 'development' ? ( <>> diff --git a/apps/xi.land/components/main/Benefits/contentStickers.tsx b/apps/xi.land/components/main/Benefits/contentStickers.tsx index e91d114a..628b17ff 100644 --- a/apps/xi.land/components/main/Benefits/contentStickers.tsx +++ b/apps/xi.land/components/main/Benefits/contentStickers.tsx @@ -1,7 +1,7 @@ import { cn } from '@xipkg/utils'; const fontSticker = - 'font-family-marker-hand font-normal text-m-base xs:text-l-base sm:text-xl-base lg:text-h5'; + 'font-family-marker-hand font-bold text-l-base xs:text-l-base sm:text-xl-base lg:text-h6 xl:text-h5'; const getVioletStickerContent = () => { return ( @@ -44,7 +44,10 @@ const getYellowStickerContent = () => { 'h-full flex flex-col items-start justify-center sm:justify-start gap-4 sm:gap-6', )} > -