Güzel tipografi web sitenizin tasarımını geliştirebilir ve hedef kitlenizi büyüleyebilir. Ancak WordPress performans uzmanları olarak, üçüncü taraf yazı tipi hizmetlerine güvenmenin sitenizi yavaşlatabileceğini, kullanıcı deneyimine zarar verebileceğini ve potansiyel olarak SEO’nuza zarar verebileceğini görüyoruz.
Çözüm, fontları yerel olarak barındırmaktır. Yazı tipi dosyalarınızın kontrolünü ele alarak siteniz bu ekstra yükleme adımlarını atlayabilir ve daha iyi kullanıcı deneyimi ve SEO ile son derece hızlı bir web sitesi sağlayabilir.
Bu makalede, WordPress’te yerel yazı tiplerini nasıl barındıracağınızı göstererek, optimum performansı korurken sitenizin tipografisini geliştirmenize olanak tanıyacağız.
WordPress’te Yazı Tiplerini Neden Yerel Olarak Barındırmalısınız?
Tipografi ve özel yazı tipleri genel web sitesi estetiğini iyileştirebilirken, WordPress performansınız üzerinde olumsuz bir etkiye sahiptir. Örneğin, Google Fonts’tan özel bir yazı tipi kullanıyorsanız, bunlar üçüncü taraf hizmetlerden yüklenir ve bu da web sitenizi yavaşlatır.
Neyse ki, sitenizi yavaşlatmadan özel yazı tiplerini kullanmanın bir yolu var. WordPress 6.0‘da yeni bir Webfonts API tanıtıldı. Bu, yazı tiplerini yerel olarak barındırmanıza olanak tanır, böylece daha hızlı yüklenirler.
Google Fonts’u yerel olarak barındırmanın bir başka nedeni de GDPR ile uyumlu kalmaktır. Avrupa Birliği’nden web sitesi ziyaretçileriniz varsa bu önemli bir yasal husustur.
Bir kişi Google Fonts kullanan bir web sitesini ziyaret ettiğinde, fontlar yüklendiğinde IP adresi Google tarafından kaydedilir. Bu onların izni olmadan yapıldığı için, AB artık bunu gizlilik düzenlemelerinin ihlali olarak değerlendiriyor ve zararlardan sorumlu olabilirsiniz.
Bununla birlikte, daha hızlı bir web sitesi için WordPress’te yerel yazı tiplerinin nasıl barındırılacağına bir göz atalım. İki yöntemi ele alacağız ve ilk yöntem çoğu kullanıcı için önerilir.
Yöntem 1: WordPress’te Yerel Yazı Tiplerini Bir Eklenti ile Barındırma
Yapmanız gereken ilk şey OMGF (Optimize My Google Fonts) eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.
OMGF en iyi WordPress tipografi eklentilerinden biridir. Google Yazı Tiplerini yerel olarak barındırarak performansı ve GDPR uyumluluğunu artırmak için yeni başlayanlara uygun bir yol sunar.
Etkinleştirmenin ardından, eklentiyi yapılandırmak için Ayarlar ” Google Yazı Tiplerini Optimize Et’i ziyaret etmeniz gerekir. ‘Yazı Tiplerini Optimize Et’ sekmesine bakıyor olmalısınız.
‘Google Yazı Tiplerini Optimize Et’ başlığı altındaki ifadeye dikkat edin; Google Yazı Tiplerinizi otomatik olarak yerel olarak barındırılan kopyalarla değiştirmek için varsayılan ayarları kullanmanız yeterlidir.
Bu, ayarlar sayfasını aşağı kaydırdığınızda yapmanız gereken tek şeyin ‘Yazı Tipi Görüntüleme Seçeneği’nin varsayılan ayarı olan ‘Takas (önerilen)’in seçili olduğundan emin olmak olduğu anlamına gelir.
Şimdi tek yapmanız gereken sayfanın altındaki ‘Kaydet ve Optimize Et’ düğmesine tıklamak.
Ekranın üst kısmında ‘Optimizasyon başarıyla tamamlandı’ yazan bir mesaj göreceksiniz.
Tebrikler! Google Yazı Tipleriniz artık yerel olarak barındırılıyor. Web siteniz daha hızlı yüklenecek ve Avrupa’daki dava riskini azaltmış olacaksınız.
Yöntem 2: Yerel Yazı Tiplerini WordPress’te Manuel Olarak Barındırma
WordPress’te özel yazı tiplerinin nasıl ekleneceğine ilişkin kılavuzumuzdaki @font-face yöntemini kullanarak bir eklenti kullanmadan yazı tiplerini yerel olarak da barındırabilirsiniz. Bu yöntem daha fazla çalışma gerektirse de, web sitenizde istediğiniz herhangi bir yazı tipini kullanmanıza olanak tanır.
Kullanmak istediğiniz fontları web formatında indirmeniz gerekir. Google Fonts, Typekit, FontSquirrel ve daha fazlası gibi harika ücretsiz web fontları bulabileceğiniz birçok yer var.
Fontunuz için web formatına sahip değilseniz, FontSquirrel Webfont oluşturucusunu kullanarak dönüştürebilirsiniz.
Şimdi yazı tiplerini WordPress barındırma sunucunuzda saklamanız gerekiyor. Dosyaları FTP kullanarak veya hostunuzun cPanel Dosya Yöneticisini kullanarak yükleyebilirsiniz.
Temanızın veya alt temanızın dizininde ‘fonts’ adında yeni bir klasör oluşturmalı ve oraya yüklemelisiniz.
Yazı tipini yükledikten sonra, özel CSS kullanarak yazı tipini temanızın stil sayfasına yüklemeniz gerekir. Kodu doğrudan temanızın style.css dosyasına ekleyebilir veya tema özelleştiricinin Ek CSS bölümünü kullanabilirsiniz.
Bunu aşağıdaki gibi bir CSS3 @font-face kuralı kullanarak yapabilirsiniz:
@font-face {
font-family: Arvo;
src: url(http://example.com/wp-content/themes/twentytwentyone/fonts/Arvo-Regular.ttf);
font-weight: normal;
}
Yazı tipi ailesini ve URL’yi kendinizinkiyle değiştirmeyi unutmayın.
Bundan sonra, bu yazı tipini temanızın stil sayfasında veya tema özelleştiricinin Ek CSS bölümünde herhangi bir yerde kullanabilirsiniz. Kullandığınız CSS, temanıza ve yerel yazı tipini nerede kullanmak istediğinize bağlı olacaktır. İşte demo web sitemizden bir örnek:
h1 {
font-family: Arvo, Arial, sans-serif;
}
Gördüğünüz gibi, başlığımız artık yerel olarak barındırılan Arvo yazı tipini kullanıyor.
WordPress’te Yazı Tipleri Hakkında Uzman Kılavuzları
Artık yerel fontları nasıl barındıracağınızı bildiğinize göre, WordPress’te font kullanımıyla ilgili diğer bazı kılavuzları görmek isteyebilirsiniz.
- Web Güvenli Yazı Tipi Nedir + En İyi 19 Web Güvenli Yazı Tipi
- WordPress Temanızdaki Yazı Tipleri Nasıl Değiştirilir (Kolay Yollar)
- WordPress’te Yazı Tipi Boyutu Nasıl Kolayca Değiştirilir?
- WordPress’te Özel Yazı Tipleri Nasıl Eklenir
- Google Yazı Tipleri Nasıl Gizlilik Dostu Hale Getirilir?
- WordPress Web Sitenizde Google Yazı Tipleri Nasıl Devre Dışı Bırakılır
- WordPress Temanıza Kolayca Simge Yazı Tipleri Ekleme
- Tasarımınızı Geliştirmek için En İyi WordPress Tipografi Eklentileri
Umarız bu eğitim, daha hızlı bir web sitesi için WordPress’te yerel yazı tiplerini nasıl barındıracağınızı öğrenmenize yardımcı olmuştur. Blog trafiğinizi nasıl artıracağınıza dair rehberimizi veya sitenizi büyütmek için olmazsa olmaz WordPress eklentileri uzman seçimimizi de görmek isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
KENNETH GRAY
Do I remove the wp google fonts plugin once the fonts have been moved over to my website?
k
WPBeginner Support
If you use the plugin, we would not recommend removing it to keep the fonts on your site.
Yönetici
Ashikur Rahman
do i need to keep this plugin or i can remove that?
WPBeginner Support
If you are using the plugin then we would recommend keeping the plugin active.
Yönetici
Liz S
Don’t you also have to make some change to the functions.PHP file to add the new fonts so they show up in the customizer?
WPBeginner Support
If you are using the manual method you would need to edit your theme’s CSS which we cover in the second method
Yönetici