/*
    CPT-161 - Yazi tipleri artik CSS icine gomulu degil, ayri dosyadan geliyor.

    Onceki hali: bu dosya 285 KiB'lik tek bir metin blogu idi; bes yuzun
    tamami base64 olarak, gomulu URI seklinde icine yazilmisti. Uc sorun vardi:

    1) Bes yuz de, sayfada hic kullanilmasa bile, ilk istekte iniyordu.
    2) Gomulu URI base64 oldugu icin ikili dosyadan ~%33 buyuk; ustelik
       gzip/brotli base64 metnini neredeyse hic sikistiramiyor. Dosya
       render'i engelleyen bir <link rel="stylesheet"> ile geldiginden
       285 KiB ilk boyamanin onunde duruyordu.
    3) Yazi tipleri CSS'in icinde oldugu icin CSS her degistiginde
       onbellek tazeleniyor, fontlar da yeniden iniyordu.

    Dosyalar ZATEN depoda duruyordu: wwwroot/assets/framework/fonts/.
    base64 bloklari o dosyalarin birebir kopyasiydi (sekiz dosyanin
    sekizi de bayt boyutuna kadar ayni) - yani 285 KiB saf mukerrerlik.
    Simdi dogrudan o dosyalara isaret ediliyor.

    Volte OTF -> woff2 cevrildi (fonttools + brotli):
      VolteRounded-Regular.otf 44 KB -> .woff2 23 KB
      VolteRounded-Light.otf   42 KB -> .woff2 20 KB
    Her iki yuzde de 374 glif korundu, Turkce karakterlerde
    (c g i o s u C G I O S U ve noktali/noktasiz i) kayip yok.
    CepteFont (Cm-*) zaten woff2 olarak vardi; .woff kopyalari
    yalnizca IE/eski Safari icin yedek olarak birakildi.

    font-display: swap - daha once "auto" idi. auto ile tarayici yazi
    tipi inene kadar metni gizler (FOIT, ~3 sn'ye kadar). swap ile metin
    hemen sistem yazi tipiyle cizilir, font gelince degisir. LCP'yi
    dogrudan etkiler.
*/

@font-face {
    font-family: 'Volte';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/volte-rounded-regular.woff2") format("woff2"),
         url("../font/volte-rounded-regular.otf") format("opentype");
}

@font-face {
    font-family: 'Volte';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../font/volte-rounded-light.woff2") format("woff2"),
         url("../font/volte-rounded-light.otf") format("opentype");
}

@font-face {
    font-family: 'CepteFont';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../font/cm-light.woff2") format("woff2"),
         url("../font/cm-light.woff") format("woff");
}

@font-face {
    font-family: 'CepteFont';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/cm-regular.woff2") format("woff2"),
         url("../font/cm-regular.woff") format("woff");
}

@font-face {
    font-family: 'CepteFont';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../font/cm-medium.woff2") format("woff2"),
         url("../font/cm-medium.woff") format("woff");
}