/* ============================================================ MB WEB APP — YEREL FONTLAR (app/css/mb-fonts.css) ------------------------------------------------------------ Google Fonts CDN bagimliligini kaldirir. Ayni yazi karakterleri (Google Fonts deposundaki resmi TTF'ler) kendi sunucumuzdan servis edilir; internet erisimi olmayan kurulumlarda da sayfalar dogru fontla acilir. KULLANIM (her sayfanin bolumunde, diger stillerden ONCE): NOT: /css/ yolu start.js'teki Page Guard tarafindan MUAF tutulur, bu yuzden oturumsuz sayfalar (login/forgot/reset) da fontu gorur. AILELER Anton -> logo / marka yazisi (tek agirlik) Archivo -> govde metni (degisken: 100-900) IBM Plex Mono -> etiket / kucuk buyuk harf (400 + 500) ============================================================ */ /* ── ANTON — marka yazisi ───────────────────────────────────── */ @font-face { font-family: 'Anton'; src: url('fonts/Anton-Regular.woff2') format('woff2'), url('fonts/Anton-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; /* block (swap DEGIL): Anton cok sikisik bir fonttur; yedek font (Segoe UI) ayni puntoda ~%36 daha genis cizer. swap ile once genis yazi gorunup sonra birden daraliyordu. block ile yazi, font hazir olana kadar hic cizilmez -> zipla yok. Font yerel sunucudan geldigi icin bekleme birkac milisaniye; preload ile daha da kisaliyor. */ font-display: block; } /* ── ARCHIVO — govde metni (degisken font: tek dosya, tum agirliklar) wght ekseni 100-900, wdth ekseni %62-125. Degisken font desteklemeyen cok eski bir tarayici dosyayi varsayilan orneginde (SemiBold) cizer; sayfa okunur kalir. ───────────────────── */ @font-face { font-family: 'Archivo'; src: url('fonts/Archivo-Variable.woff2') format('woff2'), url('fonts/Archivo-Variable.ttf') format('truetype'); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; /* swap KALIYOR: govde metni. Archivo'nun genisligi yedek fontlara yakin, zipla belirgin degil; buna karsilik block kullanmak form etiketlerini bir an gorunmez yapardi. */ font-display: swap; } /* ── IBM PLEX MONO — etiketler / eyebrow yazilari ───────────── */ @font-face { font-family: 'IBM Plex Mono'; src: url('fonts/IBMPlexMono-Regular.woff2') format('woff2'), url('fonts/IBMPlexMono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; /* Anton ile ayni gerekce */ } @font-face { font-family: 'IBM Plex Mono'; src: url('fonts/IBMPlexMono-Medium.woff2') format('woff2'), url('fonts/IBMPlexMono-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: block; /* Anton ile ayni gerekce */ }