/* ============================================================================
   Canin — فونت وزیرمتن، میزبانی‌شده روی خود هاست.

   پیش از این از cdn.jsdelivr.net می‌آمد. اندازه‌گیری روی همین سایت:

       jsdelivr        ~۱٫۰ ثانیه  برای یک فایل ۲۲۱ بایتی
       سرور canin.ir   ~۰٫۲۲ ثانیه برای یک فایل ۲۰ کیلوبایتی

   یعنی CDN خارجی چهار تا پنج برابر کندتر بود، و چون <link> فونت
   render-blocking است، صفحه تا آمدنش رنگ نمی‌گرفت. برای کاربر ایرانی که
   مخاطب اصلی این سایت است، وضع از این هم بدتر می‌شود.

   فونت متغیر، نه شش فایل جدا: سایت وزن‌های ۴۰۰ تا ۹۰۰ را استفاده می‌کند.
   شش فایل استاتیک یعنی شش درخواست و حدود ۳۰۰ کیلوبایت؛ این یک فایل ۱۰۹
   کیلوبایتی همه‌ی آن وزن‌ها را پوشش می‌دهد.

   font-display: swap — متن بلافاصله با فونت جایگزین رندر می‌شود و به‌محض
   رسیدن وزیرمتن عوض می‌شود. بدون آن، کاربر تا لود شدن فونت متن نامرئی
   می‌بیند (FOIT).
   ========================================================================== */

@font-face {
    font-family: 'Vazirmatn';
    /* نسخه اینجا و در preload هدر باید *دقیقاً* یکی باشند. اگر فرق کنند
       مرورگر دو آدرس متفاوت می‌بیند، preload به کارش نمی‌آید و فایل ۱۰۹
       کیلوبایتی دو بار دانلود می‌شود. با عوض‌کردن فونت، هر دو را بالا ببر. */
    src: url('../fonts/vazirmatn-variable.woff2?v=33003') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}