/* Yerel yazı tipleri — Google'a istek gitmez (KVKK) ve render engellenmez. Inter ve Source Serif 4: SIL Open Font License 1.1 — kendi sunucunda barındırmaya izin verir. Yalnızca latin + latin-ext alt kümeleri. 12.08.2026 — DEĞİŞKEN FONT DÜZELTMESİ Burada önce 18 ayrı @font-face vardı: her aile için 300/400/500/600/700, her ağırlık için latin ve latin-ext. Dosyaların sağlama toplamları alındığında hepsinin yalnızca DÖRT ayrı dosyanın kopyası olduğu görüldü: inter-*-normal-latin.woff2 → tek dosya, wght ekseni 100–900 (değişken) inter-*-normal-latin-ext.woff2 → tek dosya, wght ekseni 100–900 source-serif-4-*-normal-latin.woff2 → tek dosya, wght 200–900 + opsz 8–60 source-serif-4-*-latin-ext.woff2 → tek dosya, wght 200–900 + opsz 8–60 Her ağırlık ayrı URL'den istendiği için tarayıcı AYNI baytları beş kez indiriyordu. Mobil ölçümde (PageSpeed, Moto G / 412 px) tekil makale sayfasında yalnızca yazı tipleri ~1 MB tutuyor ve LCP 7,4 sn çıkıyordu. Çözüm: aile ve alt küme başına tek @font-face, ağırlık bir ARALIK olarak bildirilir (değişken fontun kendi ekseni). Tarayıcı 300, 400, 500, 600, 700 için aynı indirilmiş dosyayı kullanır; ara değerleri de üretebilir. Görünüm değişmez — zaten hepsi aynı dosyaydı. Beklenen: 10 dosya / ~984 KB → 4 dosya / ~348 KB Ağırlık aralığı daraltılmadı; CSS'te kullanılan değerler 200–700 arasında. */ /* -------------------------------------------------------------------------- TÜRKÇEYE İNDİRGENMİŞ ALTKÜMELER — 17.08.2026 ÖLÇÜM (PageSpeed, /hakkimizda/, mobil): PERF 79, LCP 4,7 s. En büyük ağ yükü fontlardı: dört dosya, 348 KB. Google'ın hazır altkümeleri Türkçe için gereğinden çok fazlasını taşıyor — latin-ext dosyası U+0100-02BA aralığının tamamını getiriyor, oysa bize oradan yalnızca Ğ ğ İ Ş ş ve ₺ lazım. YAPILAN: her dosya, sitede gerçekten kullanılan karakterlere indirildi ve değişken ağırlık ekseni kullanılan aralığa daraltıldı (Inter 200–700, Source Serif 400–600; CSS'te bu değerlerin dışına çıkılmıyor). inter latin 47,3 KB -> 33,0 KB inter ext 83,3 KB -> 6,5 KB serif latin 119,3 KB -> 70,8 KB serif ext 98,4 KB -> 13,3 KB TOPLAM 348,3 KB -> 123,6 KB (%64 azalma) İKİ DOSYALI YAPI KORUNDU. Tek dosyaya indirmek denendi ve REDDEDİLDİ: a-z "latin" dosyasında, ş/ğ ise "ext" dosyasında olduğu için birleştirme denemesinde ş ve ğ kayboldu. Bölünmüş yapı Türkçe için zorunlu. unicode-range değerleri artık dosyaların gerçek içeriğine göre yazılı; tarayıcı taşımadığı bir karakter için dosyayı indirmeye kalkmıyor. Dosya adları -tr ekiyle değişti: eski dosyalar bir yıllık önbellekte olduğu için ad değişikliği tazelenmeyi kendiliğinden sağlıyor. -------------------------------------------------------------------------- */ @font-face{ font-family:'Inter';font-style:normal;font-weight:200 700;font-display:swap; src:url('fonts/inter-tr-latin.woff2') format('woff2-variations'), url('fonts/inter-tr-latin.woff2') format('woff2'); unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+200B, U+2013-2014, U+2018-2019, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+20AC, U+2122, U+2191, U+2193, U+FEFF; } @font-face{ font-family:'Inter';font-style:normal;font-weight:200 700;font-display:swap; src:url('fonts/inter-tr-ext.woff2') format('woff2-variations'), url('fonts/inter-tr-ext.woff2') format('woff2'); unicode-range:U+0100-017E, U+20BA; } @font-face{ font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap; src:url('fonts/source-serif-4-tr-latin.woff2') format('woff2-variations'), url('fonts/source-serif-4-tr-latin.woff2') format('woff2'); unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+200B, U+2013-2014, U+2018-2019, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+20AC, U+2122, U+2191, U+2193; } @font-face{ font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap; src:url('fonts/source-serif-4-tr-ext.woff2') format('woff2-variations'), url('fonts/source-serif-4-tr-ext.woff2') format('woff2'); unicode-range:U+0100-017E, U+20BA; } /* ========================================================================== YEDEK FONT ÖLÇÜ EŞLEMESİ (fallback metric override) — 12.08.2026 SORUN — ölçüldü, tahmin değil. Sayfa önce yedek sistem fontuyla çizilir, gerçek font sonra gelir (`font-display:swap`). İki fontun harf genişlikleri farklı olduğu için metin yeniden akar ve sayfa boyu değişir: /hamile-calisanin-haklari/ yedek 18.443 px → web font 19.286 px (+843) /kidem-tazminati-... yedek 14.001 px → web font 14.352 px (+351) /makaleler/ yedek 30.285 px → web font 30.972 px (+687) /kvkk-aydinlatma-metni/ yedek 5.756 px → web font 6.004 px (+248) Font geldiği anda içerik 250-850 px uzuyor; altındaki her şey aşağı kayıyor. Lighthouse bunu `div.content > article.entry-content` üzerine yazıyor ve makale sayfalarında CLS 0,23 ölçüyor (Google'ın "kötü" sınırı 0,25). Bizim tarayıcımızda görünmüyor çünkü font ilk boyamadan önce yetişiyor; PSI 4x CPU kısıtı + yavaş 4G altında yetişmiyor. ÇÖZÜM Yedek fonta ölçü düzeltmesi verilir: `size-adjust` harf genişliğini, `ascent/descent-override` satır kutusu yüksekliğini gerçek fontla eşitler. Böylece swap anında hiçbir şey yeniden akmaz. ORANLAR NASIL BULUNDU Tahminle değil, canlı sayfada ikili arama ile: aynı makalenin gövde yüksekliği web fontuyla ve ayarlı yedekle ölçülüp fark sıfıra indirildi. Dört ayrı sayfada doğrulandı; kalan fark 9-307 px (önce 248-843 px). NOT: Bu yalnızca fontun HENÜZ GELMEDİĞİ birkaç yüz milisaniyeyi etkiler. Font geldikten sonra görünüm hiç değişmez. ========================================================================== */ @font-face{ font-family:'Inter Yedek'; src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans'); size-adjust:107%; ascent-override:90%; descent-override:22.5%; line-gap-override:0%; } @font-face{ font-family:'Serif Yedek'; src:local('Times New Roman'),local('Georgia'),local('Liberation Serif'); size-adjust:101%; ascent-override:88%; descent-override:24%; line-gap-override:0%; }