Mesajın için teşekkür ederim.
Videoda anlatıldığı gibi yaptım. Ancak, font.googleapis ve cloudflare'den font dosyalarını çekiyor sanırım. Bu aşamada ne yapabilirim?
Rica ederim.
İlk olarak site Cloudflare bağlı ise fontlar da cache kapsamında olduğundan yüklenmesi normaldir ve duruma göre performansa katkı sağlayabilir.
Direkt site localden yüklensin derseniz Cloudflare üzerinde farklı ayarlar yapılması gerekir. Ancak pek gerekli olduğunu düşünmüyorum.
Googleapis hususuna gelecek olursak, misal Generatepress temada bu ayar mevcuttur:
Özelleştir - Tipografi - Font Manager : Google Fonts API Kullan seçeneği kapalı olduğunda localden yüklenir. Bu tarz seçenekler bir çok temada mevcuttur.
Litespeed kullanıyorsanız;
Sayfa Optimizasyonu - HTML ayarları sekmesinde: Google Fontlarını Kaldır seçeneği ile Google Fonts kullanımını tüm sayfalarda engelle. işlemini gerçekleştirmiş olursunuz.
Ayrıca Perfmatters kullanılıyor ise bu özellik mevcuttur mesela.
Elementor içinde bu özellik vardı ama Pro sürümdemi onu tam hatırlamıyorum, Gutenberg kullanıyorum genelde. Şu an yanlış hatırlıyor olabilirim.
Sizin temanın ne olduğunu bilmediğimden şu şekilde bir çözüm önerebilirim;
function disable_google_fonts($styles) {
$styles = preg_replace('/fonts\.googleapis\.com\/css\?[^\'"]+/', '', $styles);
return $styles;
}
add_filter('style_loader_tag', 'disable_google_fonts');tema functions.php dosyasına yukarıdaki kodu ekleyebilirsiniz.
Ancak günümüzde bir çok tema bu hususu destekliyor. Bu yüzden kod eklemeden önce araştırmanızı öneririm.
Ayrıca tema özelleştir alanında EK CSS alanına local olarak yüklediğiniz fontlar için
/* 1. @font-face ile Font Tanımlama */
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-regular.woff2') format('woff2'),
url('fonts/opensans-regular.woff') format('woff');
font-weight: 400; /* Normal */
font-style: normal;
font-display: swap; /* Daha hızlı görüntüleme için */
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-bold.woff2') format('woff2'),
url('fonts/opensans-bold.woff') format('woff');
font-weight: 700; /* Bold */
font-style: normal;
font-display: swap;
}
/* 2. Fontu HTML Öğelerine Uygulama */
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400; /* Regular weight */
}
h1, h2, h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 700; /* Bold weight */
}
/* Özel Sınıf ile Font Kullanımı */
.custom-font {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}Yukarıdaki gibi yapabilirsiniz mesela.
Ne işlem yaparsanız yapın, mutlaka öncesinde yedek alın.
Ve site Cloudflare bağlı ise Cloudflare panelden PURGE işlemi yapmayı da ihmal etmeyin.
Çünkü yapılan değişiklikler cache nedeni ile hemen yansımayacaktır ve doğru yapılan bir işlem olsa bile sizi yanlış yönlendirebilir, boşa zaman harcayabilirsiniz.
Kolay gelsin.