ahasani/pasargad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add fonts

Browse Source
This commit is contained in:
zahravaziri
2025-05-31 14:54:05 +03:30
parent d81d32fe4b
commit 51c3457068
17 changed files with 52 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+50 -18
View File
@@ -1,26 +1,58 @@
@import "tailwindcss";
:root {
--background: #ffffff;
--foreground: #171717;
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-200-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-200-normal.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-300-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-300-normal.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-400-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-400-normal.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-500-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-500-normal.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-600-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-600-normal.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-700-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-700-normal.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/fonts/manrope/manrope-cyrillic-800-normal.woff2') format('woff2'),
url('/fonts/manrope/manrope-cyrillic-800-normal.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
* {
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
font-family: 'Manrope';
}
src/app/layout.tsx
+1 -11
View File
@@ -1,16 +1,6 @@
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"],
});
export const metadata: Metadata = {
title: "Create Next App",
@@ -25,7 +15,7 @@ export default function RootLayout({
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
src/app/page.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import Image from "next/image";
export default function Home() {
return (
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 ">
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
<Image
className="dark:invert"