From 7cbf2ec3cf54ba1759f18fc3d3c77eb8c718f0cd Mon Sep 17 00:00:00 2001
From: Mateus Riff <mateusnriff@gmail.com>
Date: Sat, 17 Feb 2024 11:07:37 -0300
Subject: [PATCH] Fix font

Squash and merge the following commits into develop:
* fix: resolve disappearance Manrope font
---
 src/pages/Layout.tsx |  4 ++--
 src/pages/_app.tsx   | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/pages/Layout.tsx b/src/pages/Layout.tsx
index 24d3c40..20e9316 100644
--- a/src/pages/Layout.tsx
+++ b/src/pages/Layout.tsx
@@ -14,10 +14,10 @@ interface LayoutProps {
 
 const Layout = ({ children }: LayoutProps) => {
   return (
-    <div className={manrope.className}>
+    <main className={manrope.className}>
       <Navbar />
       {children}
-    </div>
+    </main>
   )
 }
 
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index ccd9bc0..e96d5b8 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,6 +1,12 @@
 import type { AppProps } from 'next/app'
 import Head from 'next/head'
 import Layout from './Layout'
+import { Manrope } from 'next/font/google'
+
+const manrope = Manrope({
+  subsets: ['latin'],
+  weight: ['200', '300', '400', '500', '600', '700', '800'],
+})
 
 import GlobalStyle from '@/styles/GlobalStyle'
 
@@ -24,6 +30,11 @@ export default function App({ Component, pageProps }: AppProps) {
           href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
         /> */}
       </Head>
+      <style jsx global>{`
+        html {
+          font-family: ${manrope.style.fontFamily};
+        }
+      `}</style>
       <Layout>
         <Component {...pageProps} />
       </Layout>