добавляет шрифты

public/index.html

@@ -5,6 +5,9 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <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=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
     <meta
       name="description"
       content="Web site created using create-react-app"

src/footer.js

@@ -13,6 +13,7 @@ export default function Component() {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'space-around',
+                fontFamily: 'Rubik',
             }}
         >
             <Box

src/questions.js

@@ -13,6 +13,7 @@ export default function Component() {
                  display: 'flex',
                  justifyContent: 'center',
                  alignItems: 'center',
+                 fontFamily: 'Rubik',
              }}
         >
             <Box

src/theme.js

@@ -1,5 +1,4 @@
 import {createTheme} from "@mui/material";
-import RubikWoff2 from './fonts/Rubik-Light.woff2';
 const theme = createTheme({
     typography: {
         fontFamily: 'Rubik',
@@ -9,19 +8,6 @@ const theme = createTheme({
             main: "#7E2AEA"
         },
     },
-        components: {
-            MuiCssBaseline: {
-                styleOverrides: `
-        @font-face {
-          font-family: 'Rubik';
-          font-style: normal;
-          font-display: swap;
-          font-weight: 400;
-          src: local('Rubik'), local('Rubik-Regular'), url(${RubikWoff2}) format('woff2');
-        }
-      `,
-            },
-        },
     });
 
 export default theme