Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Daha Hızlı Bir Web Sitesi İçin WordPress’te Yerel Yazı Tipleri Nasıl Barındırılır?

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.

How to Host Local Fonts in WordPress for a Faster Website

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.

OMGF Settings

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.

Click the Save & Optimize Button

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.

Downloading a Google Font

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.

Upload the Fonts to Your Website

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.

Adding Custom CSS With the Theme Customizer

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.

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

7 yorumBir Cevap Bırakın

  1. 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!

  2. 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

  3. 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

  4. 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

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.