rodolfo_ruiz/fendi-react-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: change the font to montserrat

Browse Source
This commit is contained in:
Rodolfo Ruiz
2025-06-09 20:42:57 -06:00
parent 49a012dbeb
commit d6468b533e
4 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -1,15 +1,22 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<title>Fendi</title> <title>Fendi</title>
<meta name="viewport" content="initial-scale=1, width=device-width" /> <meta name="viewport" content="initial-scale=1, width=device-width" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.jsx"></script> <script type="module" src="/src/main.jsx"></script>
</body> </body>
</html> </html>

4
src/index.css
View File

@@ -1,7 +1,7 @@
:root { :root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: "Montserrat", sans-serif !important;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 100 !important;
color-scheme: light dark; color-scheme: light dark;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);

9
src/main.jsx
View File

@@ -1,16 +1,15 @@
import { StrictMode } from 'react' import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client' import { createRoot } from 'react-dom/client'
import '@fontsource/roboto/300.css'; import { ThemeProvider } from '@mui/material/styles';
import '@fontsource/roboto/400.css'; import theme from './theme';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';
import './index.css' import './index.css'
import App from './App.jsx' import App from './App.jsx'
createRoot(document.getElementById('root')).render( createRoot(document.getElementById('root')).render(
<StrictMode> <StrictMode>
<ThemeProvider theme={theme}>
<App /> <App />
</ThemeProvider>
</StrictMode>, </StrictMode>,
) )

15
src/theme.jsx Normal file
View File

@@ -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;