/* font-display: optional (نه swap): چون فونت با preload در index.html از قبل
   درخواست می‌شود، در اکثر بازدیدها به‌موقع می‌رسد و از همان اول با Vazirmatn
   رندر می‌شود، بدون هیچ سواپی. فقط وقتی اتصال خیلی کند باشد (مثلا تست شبیه‌سازی‌شده‌ی
   PageSpeed) مرورگر برای کل همان یک بار نمایش از فونت جایگزین استفاده می‌کند و
   دیگر بعدا سواپ نمی‌کند؛ یعنی جابه‌جایی چیدمان (CLS) در هیچ حالتی رخ نمی‌دهد. */
@font-face {
  font-family: Vazirmatn;
  src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: Vazirmatn;
  src: url('/fonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

/* فونت جایگزین (برای حالتی که هنوز Vazirmatn آماده نیست) با متریک تنظیم‌شده تا
   اندازه‌ی جعبه‌ی متن تقریبا با Vazirmatn یکی باشد. اعداد از فایل واقعی
   Vazirmatn-Regular.woff2 استخراج شده‌اند (ascent 2100 / descent 1100 /
   unitsPerEm 2048). Tahoma نزدیک‌ترین عرض حروف به Vazirmatn را در بین فونت‌های
   رایج ویندوز دارد؛ روی سیستم‌هایی که هیچ‌کدام از این فونت‌ها نصب نباشد (مثلا
   لینوکس)، این قاعده اصلا اعمال نمی‌شود و نوبت به فونت‌های عمومی بعدی می‌رسد -
   چون با font-display:optional دیگر سواپ بعدی وجود ندارد، این حالت هم CLS ایجاد
   نمی‌کند. */
@font-face {
  font-family: "Vazirmatn Fallback";
  src: local('Tahoma'), local('Arial'), local('Helvetica');
  ascent-override: 102.54%;
  descent-override: 53.71%;
  line-gap-override: 0%;
}