diff --git a/src/app/global.css b/src/app/global.css
index 6ea7928..5f4b88a 100644
--- a/src/app/global.css
+++ b/src/app/global.css
@@ -2,7 +2,7 @@ body {
margin: 0px;
height: 100%;
overflow: hidden;
- font-family: 'Manrope', sans-serif;
+ font-family: 'Roboto', 'Poppins', 'Manrope', sans-serif;
font-weight: 400;
background-color: #16142a;
-webkit-font-smoothing: antialiased;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b67e8cb..57f05e9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,17 @@ import Providers from './provider';
import './global.css';
import 'bootstrap/dist/css/bootstrap.css';
import ThemeProvider from './themeProvider';
+import { Roboto, Poppins } from 'next/font/google';
+
+const roboto = Roboto({
+ weight: ['100', '300', '400', '500', '700', '900'],
+ subsets: ['latin', 'latin-ext'],
+});
+
+const poppins = Poppins({
+ weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
+ subsets: ['latin', 'latin-ext'],
+});
export const metadata = {
title: 'BeeQuant Platform',
@@ -11,7 +22,7 @@ export const metadata = {
export default function RootLayout({ children }: { children: ReactNode }) {
return (
-
+