/* ========================================================================== Şriftlər — self-hosted (Google Fonts-dan YÜKLƏNMİR) Əvvəl `main.css`-in başında iki `@import url(fonts.googleapis.com/...)` var idi. Bu, iki problem yaradırdı: 1. `@import` zəncir qurur — brauzer əvvəl main.css-i, sonra Google-un CSS-ini, sonra şrift fayllarını yükləyir; nəticədə mətn gec gəlir (FOIT) və ya sistem şrifti ilə yanıb-sönür (FOUT). 2. Xarici asılılıq + istifadəçi məlumatının Google-a getməsi. İndi fayllar layihədədir (variable woff2, yalnız lazım olan altçoxluqlar: latin — EN, latin-ext — AZ (ə, ğ, ı, ş, ç), cyrillic — RU). 2026-09-05: `font-display: swap` → `optional`-a dəyişdirildi. Səbəb: `docs/TBT.md` §4-də tapılan 3 tam-səhifə layout keçidi (631 ms, 4× CPU-da) — demək olar bütün DOM node-ları (576/576, 755/765) eyni anda layout tələb edir. Bu, `swap`-ın öz mexanizmidir: mətn əvvəl fallback şriftlə çəkilir, Roboto/Oswald yükləndikdə ƏVƏZ OLUNUR və hər mətn node-unun en/hündürlüyü (fallback ilə Roboto-nun hərf enləri fərqli olduğu üçün) yenidən hesablanır — bütün səhifədə bir anda. `optional`: brauzer şrifti YALNIZ o, ilk render anına qədər (bloklama pəncərəsi ~100 ms) artıq hazırdırsa işlədir; sonra HEÇ VAXT əvəz etmir. Roboto artıq ``-də `preload` edilir (42 KB, yüksək prioritet) — adi şəraitdə bloklama pəncərəsindən əvvəl hazır olur və istifadəçi yenə Roboto görür, sadəcə SONRAKI dəyişmə (və onun yaratdığı layout thrash-i) baş vermir. Yalnız çox yavaş şəbəkədə (font vaxtında hazır olmayanda) səhifə bütünlüklə fallback (sistem sans-serif) şriftlə qalır — bu, TBT/CLS baxımından `swap`-dan HƏMİŞƏ YAXŞI və ya bərabərdir, heç vaxt pis deyil (əvəzetmə baş vermədiyi üçün sonrakı sıçrayış yoxdur). Oswald preload edilmir (cəmi 3 yerdə işlənir) — orada `optional` `swap`-dan daha üstündür, çünki forma etibarilə lazımsız gecikmiş dəyişikliyin qarşısını alır. Fallback şrift metrikalarını Roboto/Arial-a `size-adjust`/`ascent- override` ilə tam uyğunlaşdırmaq (Next.js-in etdiyi kimi) ALTERNATİV idi, amma bu layihədəki Roboto woff2-nin `OS/2.xAvgCharWidth`-i (1073) Arial-dan (904) qeyri-adi dərəcədə fərqlidir (18% böyütmə tələb edirdi) — dəqiq mənbəyi aydınlaşdırılmadan (variable font-un hansı instansına aid olduğu bəlli deyil) bu ədədi kor-koranə tətbiq etmək FOUT-u azaltmaq əvəzinə fallback mətni səhv ölçüdə göstərə bilərdi. `optional` heç bir ədəd təxmini tələb etmir və eyni problemi kökündən (əvəzetmənin özünü şərtləndirməklə) həll edir. ========================================================================== */ /* Roboto — latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: optional; src: url('roboto-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Roboto — latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: optional; src: url('roboto-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Roboto — cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: optional; src: url('roboto-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* Oswald — latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: optional; src: url('oswald-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Oswald — latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: optional; src: url('oswald-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Oswald — cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: optional; src: url('oswald-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }