Amirmahdi/aramejan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add fonts

Browse Source
This commit is contained in:
Amirmahdi
2025-11-06 19:00:10 +03:30
parent 2e882f5e97
commit 635a6e313a
6 changed files with 70 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+29 -2
View File
@@ -1,4 +1,30 @@
@import "tailwindcss"; @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 { :root {
--background: #ffffff; --background: #ffffff;
@@ -8,7 +34,7 @@
@theme inline { @theme inline {
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans); --font-sans: 'Dana', 'Inter', var(--font-geist-sans);
--font-mono: var(--font-geist-mono); --font-mono: var(--font-geist-mono);
} }
@@ -22,5 +48,6 @@
body { body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif; font-family: 'Dana', 'Inter', Arial, Helvetica, sans-serif;
font-weight: 400;
} }
app/layout.tsx
+11 -21
View File
@@ -1,32 +1,22 @@
import type { Metadata } from "next"; import type { Metadata } from 'next';
import { Geist, Geist_Mono } from "next/font/google"; import './globals.css';
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: 'آرام‌لند - همراه تو برای یک زندگی آرام‌تر',
description: "Generated by create next app", description: 'لحظه‌ای آرام بگیر، زندگی را حس کن',
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en"> <html lang="fa" dir="rtl">
<body <head>
className={`${geistSans.variable} ${geistMono.variable} antialiased`} <meta name="viewport" content="width=device-width, initial-scale=1" />
> </head>
<body className="antialiased">
{children} {children}
</body> </body>
</html> </html>
public/fonts/dana_bold.ttf
BIN
View File
Binary file not shown.
public/fonts/dana_medium.ttf
BIN
View File
Binary file not shown.
public/fonts/dana_regular.ttf
BIN
View File
Binary file not shown.
tailwind.config.ts
+28
View File
@@ -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;