فارسی OFL متن بدنه

آراد (Arad)

آراد یک فونت فارسی مدرن با نُه وزن کامل و نسخه متغیر است که خوانایی بالا در متن بدنه و قدرت نمایش در تیترها را همزمان ارائه می‌دهد. حروف هندسی، فاصله‌گذاری منظم و پشتیبانی کامل از اعداد فارسی و لاتین آن را برای رابط کاربری، کتاب و وب‌سایت‌های حرفه‌ای مناسب می‌کند.

طراح: محمد درویشی ۳۳ دانلود ۱۴۱ بازدید 4 وزن فرمت ttf + woff + woff2 مناسب متن بدنه پشتیبانی فارسی

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'RadikalWP-arad';
  src: url('/assets/fonts/arad/arad-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
روش استفاده: فایل‌های فونت را در پوشه fonts/ پروژه‌تان قرار دهید، کد بالا را در فایل CSS خود کپی کنید (مسیر url() را با مسیر واقعی فایل‌ها تنظیم کنید)، سپس با font-family: 'RadikalWP-arad'; فونت را اعمال کنید. در فایل ZIP دانلودی، فایل آماده font-face.css و راهنمای فارسی هم وجود دارد.

فایل‌های فونت

arad-400.ttf
وزن ۴۰۰ — معمولی ۸۶ KB
arad-400.woff
وزن ۴۰۰ — معمولی ۴۷ KB
arad-400.woff2
وزن ۴۰۰ — معمولی ۳۴ KB
arad-500.ttf
وزن ۵۰۰ — متوسط ۸۹ KB
arad-500.woff
وزن ۵۰۰ — متوسط ۴۸ KB
arad-500.woff2
وزن ۵۰۰ — متوسط ۳۸ KB
arad-700.ttf
وزن ۷۰۰ — بولد ۸۶ KB
arad-700.woff
وزن ۷۰۰ — بولد ۴۷ KB
arad-700.woff2
وزن ۷۰۰ — بولد ۳۴ KB
arad-800.ttf
وزن ۸۰۰ — بسیار بولد ۹۰ KB
arad-800.woff
وزن ۸۰۰ — بسیار بولد ۴۷ KB
arad-800.woff2
وزن ۸۰۰ — بسیار بولد ۳۶ KB