Temada font display hatası ?

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.

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.