add font

src/App.tsx

@@ -1,35 +1,13 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
-
-function App() {
-  const [count, setCount] = useState(0)
+import { type FC } from 'react'
+import './assets/fonts/irancell/style.css'
+import { BrowserRouter } from 'react-router-dom'
 
+const App: FC = () => {
   return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
+    <BrowserRouter>
+
+    </BrowserRouter>
   )
 }
 
-export default App
+export default App

src/assets/fonts/irancell/style.css

@@ -0,0 +1,18 @@
+@font-face {
+  font-family: "irancell";
+  font-style: thin;
+  font-weight: 200;
+  src: url("./irancell-extralight.ttf");
+}
+@font-face {
+  font-family: "irancell";
+  font-style: normal;
+  font-weight: 300;
+  src: url("./irancell-light.ttf");
+}
+@font-face {
+  font-family: "irancell";
+  font-style: thin;
+  font-weight: 600;
+  src: url("./irancell-bold.ttf");
+}

src/index.css

@@ -1 +1,49 @@
 @import "tailwindcss";
+
+html {
+  direction: rtl;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+body {
+  font-family: irancell;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  direction: rtl;
+  overflow: hidden !important;
+  background: #eceef6;
+  font-weight: 300;
+  overflow: hidden;
+  font-feature-settings: "lnum"; /* اطمینان از نمایش اعداد انگلیسی */
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  overflow: hidden !important; /* اعمال overflow: hidden با !important */
+}
+
+html,
+body,
+#root {
+  min-height: 100% !important;
+  height: 100%;
+}
+* {
+  outline: none;
+}
+input::placeholder,
+textarea::placeholder {
+  color: #888888;
+}
+
+@theme {
+  --color-primary: #000;
+  --color-border: #d0d0d0;
+  --color-secondary: #ebedf5;
+  --color-description: #c3c7dd;
+  --color-desc: #8c90a3;
+}