From d6468b533e461c9b2b5386b258b85aac1f1be344 Mon Sep 17 00:00:00 2001 From: Rodolfo Ruiz Date: Mon, 9 Jun 2025 20:42:57 -0600 Subject: [PATCH] chore: change the font to montserrat --- index.html | 31 +++++++++++++++++++------------ src/index.css | 4 ++-- src/main.jsx | 11 +++++------ src/theme.jsx | 15 +++++++++++++++ 4 files changed, 41 insertions(+), 20 deletions(-) create mode 100644 src/theme.jsx diff --git a/index.html b/index.html index 98d5cdf..9d286cd 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,22 @@ - - - - - Fendi - - - -
- - - + + + + + + + + + Fendi + + + + + +
+ + + + \ No newline at end of file diff --git a/src/index.css b/src/index.css index 503cb3b..b74cf99 100644 --- a/src/index.css +++ b/src/index.css @@ -1,7 +1,7 @@ :root { - font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; + font-family: "Montserrat", sans-serif !important; line-height: 1.5; - font-weight: 400; + font-weight: 100 !important; color-scheme: light dark; color: rgba(255, 255, 255, 0.87); diff --git a/src/main.jsx b/src/main.jsx index 78790c6..f3fdf7f 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,16 +1,15 @@ import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' -import '@fontsource/roboto/300.css'; -import '@fontsource/roboto/400.css'; -import '@fontsource/roboto/500.css'; -import '@fontsource/roboto/700.css'; - +import { ThemeProvider } from '@mui/material/styles'; +import theme from './theme'; import './index.css' import App from './App.jsx' createRoot(document.getElementById('root')).render( - + + + , ) diff --git a/src/theme.jsx b/src/theme.jsx new file mode 100644 index 0000000..cf60632 --- /dev/null +++ b/src/theme.jsx @@ -0,0 +1,15 @@ +// src/theme.js +import { createTheme } from '@mui/material/styles'; + +const theme = createTheme({ + typography: { + fontFamily: 'Montserrat, sans-serif', + }, + palette: { + text: { + primary: '#26201A', + }, + }, +}); + +export default theme; \ No newline at end of file