- معرفی
- وزیرمتنVazirmatn
- استعدادEstedad
- میخکMikhak
- آرادArad
- ساحلSahel
- شبنمShabnam
- صمیمSamim
- نرمال سنسNormal Sans
- ناهیدNahid
- نوتو سنس عربیNoto Sans Arabic
- پرستوParastoo
- گنجنامهGanjnameh
- آریوArio
- مرکزی تکستMarkazi Text
- لالهزارLalezar
- امیریAmiri
- نوتو کوفی عربیNoto Kufi Arabic
- نوتو نسخ عربیNoto Naskh Arabic
- یونیکسلUnixel
- سورناSorena
- بهدادBehdad
- نیکاNika
- فربدFarbod
- شهابShahab
- نونNoon
- میلاد آزادMiladAzad
- ویژه آزادVizhehAzad
- تنهاTanha
- گندمGandom
- سپهرSepehr
- یکانXM Yekan
- تیترTitr
- شفیقXB Shafigh Uzbek
- نازنینNazanin
- وسطاXP Vosta
- سلسXB Sols
- ترافیکTerafik
- نازلیNazli
- کودکKoodak
- زیباXP Ziba
- تبریزXB Tabriz
- رویاXB Roya
- کیهانXB Kayhan
- ایران نستعلیقIran Nastaliq
- لطیفLateef
- شهرزاد جدیدScheherazade New
پرستو
منبعParastoo
در حال بارگذاری فونت
وزن
نصب
روش نصب را انتخاب کنید
یک دستور — فایلهای فونت و لایسنس در app/fonts کپی میشوند.
npx farsiui@latest add font-parastooساختار بعد از add:
app/
└── fonts/
└── parastoo/
├── Parastoo-FD.woff2
├── Parastoo-Bold-FD.woff2
├── font-face.css
└── LICENSEفونت را با next/font/local به layout وصل کنید.
import localFont from "next/font/local"
const parastoo = localFont({
src: "./fonts/parastoo/Parastoo-FD.woff2",
variable: "--font-parastoo",
weight: "400",
display: "swap",
})
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html
lang="fa"
dir="rtl"
className={`${parastoo.variable} ${parastoo.className}`}
>
<body className="antialiased">{children}</body>
</html>
)
}اختیاری — اگر className روی html کافی است رد شوید. در غیر این صورت برای توکن Tailwind از @theme و بدون Tailwind از body استفاده کنید.
@theme inline {
--font-sans: var(--font-parastoo), ui-sans-serif, system-ui, sans-serif;
}
body {
font-family: var(--font-parastoo), ui-sans-serif, system-ui, sans-serif;
}