فارسی رایگان (Free) متن بدنه

زر (Zar)

Name: زر (Zar)
Author: بورنا رایانه (Borna Rayaneh)

زر فونت متنی نرم و خوانا از مجموعه بورنا با فرم‌های ظریف؛ برای متون پیوسته و لطف‌بخش به صفحات محتوایی مناسب است. ترکیب آن با تیترهای درشت‌تر خانواده بورنا (مثل یاقوت) نتیجه‌ای هماهنگ می‌دهد.

طراح: بورنا رایانه (Borna Rayaneh) ۷۹ دانلود ۱۲۴ بازدید 2 وزن فرمت ttf + woff + woff2 مناسب متن بدنه پشتیبانی فارسی

پیش‌نمایش زنده

کد آماده استفاده (فایل CSS + @font-face)

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-zar';
  src: url('/assets/fonts/zar/zar-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

روش استفاده: فایل‌های فونت را در پوشه fonts/ پروژه‌تان قرار دهید، کد بالا را در فایل CSS خود کپی کنید (مسیر url() را با مسیر واقعی فایل‌ها تنظیم کنید)، سپس با font-family: 'RadikalWP-zar'; فونت را اعمال کنید. در فایل ZIP دانلودی، فایل آماده font-face.css و راهنمای فارسی هم وجود دارد.