diff --git a/resources/scss/public.scss b/resources/scss/public.scss index 2d88a1389a6b99742d97199479c04e37fe0dbbda..6a7d3c8e7010d4a3502bf9c1c9fee0a8bd89d6db 100644 --- a/resources/scss/public.scss +++ b/resources/scss/public.scss @@ -3,6 +3,10 @@ @tailwind utilities; @import "fonts"; +h1, h2, h3, h4, h5, h6 { + font-family: "Sniglet", serif; +} + .markdown { * { @apply mb-4; diff --git a/resources/views/layouts/public.blade.php b/resources/views/layouts/public.blade.php index 87062859444b0b84b92cb228ccf334513a9dee30..c465a550b7de938c2efd1668d78a98851c309d9a 100644 --- a/resources/views/layouts/public.blade.php +++ b/resources/views/layouts/public.blade.php @@ -5,9 +5,6 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{ !empty($title) ? $title . ' - Rann Graphic Design' : 'Rann Graphic Design' }}</title> <link rel="icon" type="image/svg+xml" href="{{ asset('favicon.svg') }}"/> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - @vite(['resources/scss/public.scss', 'resources/js/app.js']) <meta property="og:locale" content="{{ config('app.locale') }}"> <meta property="og:locale:alternate" content="{{ config('app.fallback_locale') }}"> @@ -24,6 +21,11 @@ <meta property="og:image:width" content="{{ $image->width }}"> <meta property="og:image:height" content="{{ $image->height }}"> @endif + + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap" rel="stylesheet"> + @vite(['resources/scss/public.scss', 'resources/js/app.js']) </head> <body> @yield('content') diff --git a/resources/views/public/index.blade.php b/resources/views/public/index.blade.php index 841a693f26238caa19f92c977d5de7988dab9d96..b4aada4660748a279d4a6c0d53773b365bf8ef11 100644 --- a/resources/views/public/index.blade.php +++ b/resources/views/public/index.blade.php @@ -21,7 +21,7 @@ class="absolute hidden 2xl:block left-[-96px] top-[-26px] origin-top-left rotate </span> <x-public.arrow class="hidden xl:block w-28 h-9"/> </span> - <span class="text-5xl xl:text-6xl font-bold"> + <span class="text-5xl xl:text-6xl"> {{ __('home.hero.second_row') }} </span> </h1>