• 23-01-2020, 18:27:36
    #1
    Merhaba,

    Arkadaşlar sitemin hız testini kontrol ettiğimde özellikle aşağıda ki gibi bir hata almaktayım;


    Bu hatanın çözümünü araştırdığımda bir çok web sitesinde font-display: swap; kodu css dosyasında @font-face satırına eklendiğinde sorunların ortadan kalktığı belirtilmiş. Ancak ben kodu eklemek istediğim zaman aşağıda ki gibi bir uyarı alıyorum ve maalesef kullanamıyorum.


    Bu sorunun nasıl üstesinden gelerek font-display: swap; olayını etkinleştirebilirim? Bilen arkadaşlar yardımcı olursa sevinirim. Teşekkürler.
  • 23-01-2020, 18:36:08
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    CSS ile kullanıyorsanız , yani ttf, woff gibi font dosyalarını manuel olarak çekiyorsanız css'e font-display:swap eklemesi yapmalısınız, ama resimde görüldüğü üzre google fonts kullanıyorsunuz. Google fonts urlnize şu şekilde ekleme yapın; &display=swap

    Örnek font dosyanız;

    https://fonts.googleapis.com/css?family=Open+Sans

    Şu şekilde düzenleyin;

    https://fonts.googleapis.com/css?family=Open+Sans&display=swap
  • 23-01-2020, 21:23:14
    #3
    Vindicta adlı üyeden alıntı: mesajı görüntüle
    CSS ile kullanıyorsanız , yani ttf, woff gibi font dosyalarını manuel olarak çekiyorsanız css'e font-display:swap eklemesi yapmalısınız, ama resimde görüldüğü üzre google fonts kullanıyorsunuz. Google fonts urlnize şu şekilde ekleme yapın; &display=swap

    Örnek font dosyanız;

    https://fonts.googleapis.com/css?family=Open+Sans

    Şu şekilde düzenleyin;

    https://fonts.googleapis.com/css?family=Open+Sans&display=swap
    Hocam bunu tam olarak nereye ekleyeceğim? Buraya konu açmadan önce onuda çok araştırdım. Header da böyle bir kod yok, tema dosyalarının birinde buldum bu kodu ama onunda görünümü şu şekilde;

    //fonts.googleapis.com/css

    Sayfa kaynağında açıkça görünüyor bahsettiğiniz şekilde ama muhtemelen ben import edilmiş halini görüyorum.