feat: add lato font

hiddify · Jul 21, 2024 · ceda3fb · ceda3fb
1 parent 72e83a6
commit ceda3fb
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
   <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Hiddify - Quick Setup</title>
+  <link rel="stylesheet" href="/bower_components/lato-font/css/lato-font.css">
 </head>
 
 <body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^5.16.4",
     "@mui/material": "^5.16.4",
+    "lato-font": "^3.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.25.1"

diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/index.css b/src/index.css
@@ -1,5 +1,5 @@
 * {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: Lato;
   padding: 0;
   margin: 0;
 }
diff --git a/src/layout/Layout.tsx b/src/layout/Layout.tsx
@@ -78,7 +78,7 @@ const Layout: React.FC = () => {
           top: { xs: '35vw', md: '8vw' },
         }}
       >
-        {activeStep ? steps[activeStep - 1].title : 'Welcome To Hiddify'}
+        {activeStep ? steps[activeStep - 1].title : 'به هیدیفای خوش آمدید'}
       </Typography>
       <Outlet />
       <Box

diff --git a/src/themes/theme.config.ts b/src/themes/theme.config.ts
@@ -50,6 +50,9 @@ const theme = extendTheme({
       },
     },
   },
+  typography: {
+    fontFamily: 'Lato',
+  },
   components: {
     MuiStepper: {
       styleOverrides: {