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

29
index.html
View File

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

4
src/index.css
View File

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

11
src/main.jsx
View File

@@ -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(
<StrictMode>
<App />
<ThemeProvider theme={theme}>
<App />
</ThemeProvider>
</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;