feat: add fonts

2025-11-06 19:00:10 +03:30
parent 2e882f5e97
commit 635a6e313a
6 changed files with 70 additions and 25 deletions
@@ -1,4 +1,30 @@
@import "tailwindcss";
+/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); */
+
+/* Dana Font Faces */
+@font-face {
+  font-family: 'Dana';
+  src: url('/fonts/dana_regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Dana';
+  src: url('/fonts/dana_medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Dana';
+  src: url('/fonts/dana_bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}

 :root {
  --background: #ffffff;
@@ -8,7 +34,7 @@
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
+  --font-sans: 'Dana', 'Inter', var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
 }

@@ -22,5 +48,6 @@
 body {
  background: var(--background);
  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: 'Dana', 'Inter', Arial, Helvetica, sans-serif;
+  font-weight: 400;
 }
@@ -1,32 +1,22 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+import type { Metadata } from 'next';
+import './globals.css';

 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: 'آرام‌لند - همراه تو برای یک زندگی آرام‌تر',
+  description: 'لحظه‌ای آرام بگیر، زندگی را حس کن',
 };

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
+    <html lang="fa" dir="rtl">
+      <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+      </head>
+      <body className="antialiased">
        {children}
      </body>
    </html>
@@ -0,0 +1,28 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: [
+          'Dana',
+          'Inter', 
+          'var(--font-geist-sans)',
+          'system-ui',
+          'sans-serif',
+        ],
+      },
+      direction: {
+        'rtl': 'rtl',
+      }
+    },
+  },
+  plugins: [],
+};
+
+export default config;