/*
  نکته درباره font-display:
  - "swap": فونت جایگزین سیستم فوراً نمایش داده می‌شود و به‌محض آماده شدن Vazirmatn،
    جایگزین می‌شود. تجربه برندینگ بهتر است اما همان سوییچ باعث CLS در شبکه کند می‌شود
    (چیزی که در PageSpeed موبایل دیدید).
  - "optional": مرورگر فقط برای یک بازه بسیار کوتاه (~100ms) صبر می‌کند؛ اگر فونت آماده
    نبود، همان بار فونت سیستم نمایش داده می‌شود و اصلاً سوییچ بعدی اتفاق نمی‌افتد (یعنی
    صفر CLS ناشی از فونت). در بازدیدهای بعدی چون فونت در کش مرورگر است، معمولاً از همان
    اول Vazirmatn نمایش داده می‌شود.

  توصیه: چون در گزارش PageSpeed اولویت شما رساندن CLS به صفر بود، مقدار را روی
  "optional" گذاشتم. اگر حفظ برند/فونت فارسی برایتان حتی در بار اول مهم‌تر از این
  چند صدم امتیاز است، مقدار همه را به "swap" برگردانید.
*/

@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}
/* این وزن قبلاً تعریف نشده بود؛ در نتیجه تمام کلاس‌های font-black سایت (از جمله
   تیتر اصلی هیرو) بی‌سروصدا با وزن Bold (700) رندر می‌شدند، نه Black واقعی. */
@font-face {
    font-family: "Vazirmatn";
    src: url("/assets/fonts/vazirmatn/Vazirmatn-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}