Fontu lokalden çekme desteği

Merhaba,

Wordpress altapılı internet sitemizde kullandığımız fontları lokalden çekmek istiyoruz. Bu konuda bize ücretli/ücretsiz destek olacak birisi P.M.'den iletişime geçerse sevinirim

Merhabalar,

Hangi sayfa oluşturucuyu kullanmaktasınız? OMGF eklentisini denediniz mi? Otomatik olarak google fontlarını cache sistemi oluşturup lokalden sunmaktadır siz sadece aktifleştiriyorsunuz.

https://wordpress.org/plugins/host-webfonts-local/

Merhabalar,

fontu locale aldıktan sonra headerde vermeniz yeterlidir. Tema düzenleyicisine girip header php veya head etiketinin olduğu yeri bulup fontu ekleyiop diğer fontu çıkarmanız yeterlidir.

çıkamadım işin içinden

https://gwfh.mranftl.com/fonts Buradan kullanmayı düşündüğünüz font dosyasını indirebilirsiniz.

En fazla 2 adet font ( başlıklar için özel, diğer textler için seçilen font olmak üzere ) daha fazla font gereksizdir. Hatta bazı sitelerde tek font yeterli olabiliyor.

Ve fontlarda regular zaten otomatik olarak tanımlanarak gelir, onun haricinde misal H1 başlık için 700 kullanabilirsiniz.
Yani 800 ve 900 çok kalın olur ve ağırlığa neden olur, gereksiz yere yüklemenize gerek yoktur.


https://www.youtube.com/watch?v=a-pfr-XLNCI



https://www.youtube.com/watch?v=M-_i8VBvrS0



Fikir edinmeniz açısından yukarıdaki kaynakları izleyebilirsiniz.

Kolay gelsin.

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.

Merhaba, hangi fontu kullanmak istiyorsunuz ve site url niz nedir. söylerseniz direk ne yapacağınızı anlatalım.