İnceleGo
  • Business
  • SEO
  • WordPress
    • Tema
    • Eklenti
  • e-Ticaret
    • WooCommerce
    • PrestaShop
    • Shopify
    • Opencart
    • Online Eğitimler
  • Teknoloji
    • VPN
    • Apple
      • Macbook
      • İphone
      • Apple Watch
    • Windows
Yazı: WordPress’te Google Fontları’nı Yerel Olarak Barındırma
Paylaş
İnceleGoİnceleGo
Font ResizerAa
  • SEO
  • WordPress
  • WooCommerce
Search
  • Business
  • SEO
  • WordPress
    • Tema
    • Eklenti
  • e-Ticaret
    • WooCommerce
    • PrestaShop
    • Shopify
    • Opencart
    • Online Eğitimler
  • Teknoloji
    • VPN
    • Apple
    • Windows
Follow US
© 2024 incelego.com | İnceleGO - Her Hakkı Saklıdır.
İnceleGo > Blog > WordPress > WordPress’te Google Fontları’nı Yerel Olarak Barındırma

WordPress’te Google Fontları’nı Yerel Olarak Barındırma

Aykut Ekinci
Yazan Aykut Ekinci
Okuma süresi 5 dk
Açıklama: Bu web sitesi bağlı kuruluş bağlantıları içerebilir, bu da bağlantıya tıklar ve bir satın alma işlemi yaparsanız komisyon kazanabileceğim anlamına gelir. Sadece kişisel olarak kullandığım ve okuyucularıma değer katacağına inandığım ürün veya hizmetleri öneriyorum. Desteğiniz için minnettarım!
WordPress'te Google Fontları'nı Yerel Olarak Barındırma
WordPress'te Google Fontları'nı Yerel Olarak Barındırma
Paylaş

Web sitenizin hızını düşürmeden web sitenize üçüncü taraf yazı tipleri eklemek ister misiniz?

Contents
Yazı Tiplerini Neden WordPress’te Yerel Olarak Barındırmalısınız?Yöntem 1: Eklentiyle WordPress’te Yerel Yazı Tiplerini BarındırmaYöntem 2: Yerel Yazı Tiplerini WordPress’te Manuel Olarak Barındırma

Özel yazı tipleri, web sitenizin tipografisini ve kullanıcı deneyimini iyileştirir, ancak bunların yüklenmesi daha uzun sürer. İyi haber şu ki, web sitenizin her zaman hızlı olmasını sağlamak için yazı tiplerinizi yerel olarak barındırabilirsiniz.

Bu yazıda, yerel yazı tiplerini WordPress‘te nasıl barındıracağınızı göstereceğiz.

Yazı Tiplerini Neden WordPress’te Yerel Olarak Barındırmalısınız?

Tipografi ve özel yazı tipleri genel web sitesi estetiğini iyileştirebilse de, WordPress performansınız üzerinde olumsuz bir etkiye sahiptir . Örneğin, Google yazı tiplerinden özel bir yazı tipi kullanıyorsanız, bunlar web sitenizi yavaşlatacak üçüncü taraf hizmetlerden yüklenir.

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, daha hızlı yüklenmeleri için yazı tiplerini yerel olarak barındırmanıza olanak tanır.

Google Fonts’u yerel olarak barındırmanın bir başka nedeni de GDPR uyumluluğunu sürdürmektir . Avrupa Birliği’nden web sitesi ziyaretçileriniz varsa, bu önemli bir yasal husustur.

Birisi Google Yazı Tiplerini kullanan bir web sitesini ziyaret ettiğinde, yazı tipleri yüklendiğinde IP adresleri Google tarafından günlüğe kaydedilir. Bu, onların izni olmadan yapıldığından, AB artık bunu gizlilik düzenlemelerinin ihlali olarak kabul ediyor ve zararlardan siz sorumlu tutulabilirsiniz.

Bununla birlikte, daha hızlı bir web sitesi için yerel yazı tiplerinin WordPress’te 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: Eklentiyle WordPress’te Yerel Yazı Tiplerini Barındırma
  • Yöntem 2: Yerel Yazı Tiplerini WordPress’te Manuel Olarak Barındırma

Yöntem 1: Eklentiyle WordPress’te Yerel Yazı Tiplerini Barındırma

Yapmanız gereken ilk şey, OMGF (Google Yazı Tiplerimi Optimize Et) eklentisini yükleyip etkinleştirmektir. 

OMGF, en iyi WordPress tipografi eklentilerinden biridir . Google Yazı Tiplerini yerel olarak barındırarak performansı ve GDPR uyumluluğunu iyileştirmenin yeni başlayanlara uygun bir yolunu sunar.

Aktivasyonun 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 otomatik olarak yerel olarak barındırılan kopyalarla değiştirmek için yalnızca varsayılan ayarları kullanmanız gerektiğini belirten ‘Google Yazı Tiplerini Optimize Et’ başlığı altındaki ifadeye dikkat edin.

local fonts omgf settings

Bu, ayarlar sayfasını aşağı kaydırırken yapmanız gereken tek şeyin ‘Yazı Tipi Görüntüleme Seçeneği’nde ‘Değiştir (önerilen)’ varsayılan ayarının 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.

WordPress'te Google Fontları'nı Yerel Olarak Barındırma

Ekranın üst kısmında ‘Optimizasyon başarıyla tamamlandı’ yazan bir mesaj göreceksiniz.

Ad image

Tebrikler! Google Yazı Tipleriniz artık yerel olarak barındırılıyor. Web siteniz daha hızlı yüklenecek ve Avrupa 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ılavuzumuzda yer alan @font-face yöntemini kullanarak, bir eklenti kullanmadan yazı tiplerini yerel olarak da barındırabilirsiniz . Bu yöntem daha fazla çalışma gerektirmekle birlikte, web sitenizde beğendiğiniz herhangi bir yazı tipini kullanmanıza olanak tanır.

Kullanmak istediğiniz yazı tiplerini bir web formatında indirmeniz gerekir. Google Fonts, Typekit, FontSquirrel ve daha fazlası gibi harika ücretsiz web yazı tiplerini bulabileceğiniz birçok yer var.

WordPress'te Google Fontları'nı Yerel Olarak Barındırma

Yazı tipiniz için web formatına sahip değilseniz,  FontSquirrel Webfont oluşturucuyu kullanarak dönüştürebilirsiniz .

Artık yazı tiplerini WordPress barındırma  sunucunuzda saklamanız gerekiyor  . Dosyaları FTP  kullanarak veya sunucunuzun 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 onu oraya yüklemelisiniz.

WordPress'te Google Fontları'nı Yerel Olarak Barındırma

Yazı tipini yükledikten sonra, yazı tipini özel CSS kullanarak temanızın stil sayfasına yüklemeniz gerekir. Kodu doğrudan temanızın style.css dosyasına veya tema özelleştiricinin Ek CSS bölümünü kullanarak ekleyebilirsiniz .

Bunu CSS3 @font-face kuralını kullanarak şu şekilde 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 kullanabilirsiniz. Kullanacağı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 Google Fontları'nı Yerel Olarak Barındırma

Bu eğitimin, daha hızlı bir web sitesi için WordPress’te yerel yazı tiplerini nasıl barındıracağınızı öğrenmenize yardımcı olacağını umuyoruz.

Son Yazılardan Haberdar Olun!​

En son yazılardan haberdar olmak için aşağıdaki forma mail adresiniz ile üye olmanız yeterli!

İstenmeyen posta göndermiyoruz! Daha fazla bilgi için gizlilik politikamızı okuyun.

Aboneliğinizi onaylamak için gelen veya istenmeyen posta kutunuzu kontrol edin.

İstenmeyen posta göndermiyoruz! Daha fazla bilgi için gizlilik politikamızı okuyun.
Paylaş
Facebook Pinterest LinkedIn Tumblr Reddit e-Posta Linki Kopyala Print
YazanAykut Ekinci
Follow:
e-Ticaret ve SEO uzmanı, SEO danışmanlığı yapan, hayatın içinden her iş ile ilgilenmeye çalışan enerjik, çalışkan, üretken ve araştırmacı biri. Müzik dinlemeyi, kitap okumayı, film seyretmeyi ve fotoğraf çekmeyi sever, Adana’da yaşar, fırsatını buldukça Bodrum’a kaçamak yapar…
Previous Article WordPress için Optimum İçerik SEO Kelime Sayısı WordPress için Optimum İçerik SEO Kelime Sayısı
Next Article En İyi WordPress Eklentisi (2023) En İyi WordPress Eklentisi (2023)
Yorum yapılmamış

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Popüler Yazılar
WordPress İçin En İyi 7 İletişim Formu Eklentisi
EklentiWordPress

WordPress İçin En İyi 7 İletişim Formu Eklentisi

WordPress sitenize iletişim formlarının nasıl ekleneceğini mi merak ediyorsunuz…

Amerika’da Şirket Kurmak: Şartlar ve Süreç
Genel

Amerika’da Şirket Kurmak: Şartlar ve Süreç

Amerika’da Şirket Kurmak: Şartlar ve Süreç Amerika…

En İyi 7 WordPress Kötü Amaçlı Yazılım Temizleme Eklentisi
Genel

En İyi 7 WordPress Kötü Amaçlı Yazılım Temizleme Eklentisi

En iyi WordPress kötü amaçlı yazılım temizleme eklentilerini…

- Advertisement -

Son Yazılardan Haberdar Olun!​

En son yazılardan haberdar olmak için aşağıdaki forma mail adresiniz ile üye olmanız yeterli!

Aboneliğinizi onaylamak için gelen veya istenmeyen posta kutunuzu kontrol edin.

Benzer Yazılar

En İyi 9 WordPress Yönlendirme Eklentisi
EklentiWordPress

En İyi 8 WordPress Yönlendirme Eklentisi

Okuma süresi 9 dk
2021'in En İyi 5 WordPress URL Kısaltıcısı
EklentiWordPress

2021’in En İyi 5 WordPress URL Kısaltıcısı

Okuma süresi 4 dk
En İyi Ücretsiz 13 WordPress e-Ticaret Teması
Temae-TicaretWooCommerceWordPress

En İyi Ücretsiz 13 WordPress e-Ticaret Teması

Okuma süresi 6 dk
8 En İyi WordPress Popup Eklentileri
EklentiWordPress

8 En İyi WordPress Popup Eklentileri

Okuma süresi 12 dk

Son Yazılardan Haberdar Olun!

En son yazılardan haberdar olmak için aşağıdaki forma mail adresiniz ile üye olmanız yeterli!

Aboneliğinizi onaylamak için gelen veya istenmeyen posta kutunuzu kontrol edin.

İnceleGo

InelegGO: WordPress, PrestaShop teknolojisini inceler ve analiz eder. Web yöneticileri ve girişimciler için ipuçları ve püf noktaları paylaşımları yapar…

  • Gizlilik Politikası
  • Reklam
  • Bize Yazın
  • İnceleme Gönder

Son Yazılar

WordPress İçin En İyi 7 İletişim Formu Eklentisi

WordPress İçin En İyi 7 İletişim Formu Eklentisi

Amerika’da Şirket Kurmak: Şartlar ve Süreç

Amerika’da Şirket Kurmak: Şartlar ve Süreç

En İyi 7 WordPress Kötü Amaçlı Yazılım Temizleme Eklentisi

En İyi 7 WordPress Kötü Amaçlı Yazılım Temizleme Eklentisi

Popüler Yazılar

Microsoft Office 2016 Programsız Etkinleştirme

Microsoft Office 2016 Programsız Etkinleştirme

Windows 11 CMD ile Programsız Etkinleştirme

Windows 11 CMD ile Programsız Etkinleştirme 2022

Microsoft Office 2019 CMD ile Programsız Etkinleştirme

Microsoft Office 2019 CMD ile Programsız Etkinleştirme

© 2024 incelego.com | İnceleGO - Her Hakkı Saklıdır.

Design by: Craativo

Welcome Back!

Sign in to your account

Username or Email Address
Password

Lost your password?