WordPress’te (veya diğer yazı tiplerinde de yerel olarak Google yazı tipi nasıl barındırılır!)
WordPress sitenizde yerel olarak Google Font’u barındırmanın yollarını mı arıyorsunuz? Google yazı tipi, WordPress siteniz için birçok potansiyel yazı tipi seçeneği açtığı için olağanüstü. Ancak, Google sunucusuna çok sayıda harici istek de üretebilir, bu yüzden yalnızca yerel olarak yazı tiplerini barındırmayı tercih edebilirsiniz. Bu yazıyı “WordPress’te yerel olarak Google Yazı Tipi Nasıl Barındırılır” olarak çerçevelemiş olmama rağmen, göstereceğim manuel yöntem gerçekten herhangi bir yazı tipi ile işlev görecek, bu nedenle bu Google yazı tipiyle sınırlı değil.
Manuel yöntemin dışında, Google yazı tipini yerel olarak barındırmayı kolaylaştıran eklentileri de paylaşacağım (ancak yalnızca Google yazı tipi ile işlev görmüyorum). Neden yazı tiplerini yerel olarak yayınlamaya zahmet ediyorsunuz? Aslında çoğu sitenin yazı tiplerini yerel olarak barındırması gerektiğini düşünmüyorum. Ancak bu birkaç site için iyi bir seçimdir. İlk olarak, fontları barındırma yerel olarak web’deki tüm yazı tipleri dünyasını açar. Bulduğunuz ve bunun için yasal haklara sahip olduğunuz yazı tiplerini kullanabileceksiniz. Ve çok havalı! Bunun ötesinde, yerel olarak barındırma yazı tipinin performansında bir artış olabilir, çünkü yazı tiplerinizi gönderen herhangi bir sunucuya harici istekleri kesebilirsiniz. Örneğin, test sitemdeki pingdom şelalesindeki yazı tipleri için Google sunucusuna harici istekleri görebilirsiniz:
Şimdi, bu açıkça yerel bir barındırma yazı tipinin sitenizi her zaman daha hızlı yükleyeceği anlamına gelmez. Google yazı tipleri hakkında konuştuğunuzda, Google’ın sunucusu yeterince hızlıdır ve Google yazı tiplerinin hızlı global yükleme süresini sağlamak için kendi CDN’si vardır. Buna ek olarak, belki de birisinin tarayıcının zaten bir önbellek yazı tipi vardır, özellikle de Lato veya Roboto gibi popüler yazı tiplerini kullanırsanız. Temel olarak, yazı tipi barındırmanızın sitenizi hızlandırdığından emin olmak için sitenizi daha önce ve sonra test etmenizi öneririm. WordPress’te yerel olarak Google Font Nasıl Barındırılır: Manuel Yöntem İyi, şimdi nasıl yapılır bölümünü girelim ve WordPress’te Google yazı tiplerini yerel olarak nasıl yayınlayacağınızı göstereceğim. Aşağıda devam eden makaleler
Unutmayın – örneğin Google yazı tipini kullandığımda, bu manuel yöntem diğer yazı tipleriyle de kullanılabilir. Adım 1: Yazı Tipi Dosyasını İndirin Başlamak için, kullanmak istediğiniz yazı tipi dosyasını indirmeniz gerekir. Google yazı tiplerinde, bu yazı tipi bağlantısını seçin. Ardından İndir düğmesini tıklayın:
İndir düğmesini tıklattığınızda, Google yazı tipi size tüm farklı yazı tiplerinden bir zip dosyası verecektir. Bununla birlikte, sadece gereken minimum yazı tipi ağırlığını seçmenizi öneririm – her ağırlığı kullanmayın. İyi bir yığın her biri:
Düzenli
çarpık
Cesur
Yani, dosyaları çıkarın ve kullanmak istemediğiniz tüm yazı tiplerini silin:
Adım 2: Google yazı tipinden yazı tiplerini indirdiğinizde WOFF formatına dönüştürün (gerekirse), bu size TTF formatında yazı tipleri verir. Çapraz tarayıcı uyumluluğunu sağlamak için, okuduğum kaynakların çoğu WOFF veya WOFF 2.0 formatını kullanmanızı öneriyor gibi görünüyor. Yani, seçtiğiniz yazı tipi bu formatta değilse, Woff olarak değiştirmek için ücretsiz bir dönüştürme aracı kullanabilirsiniz: Adım 3: Yazı tipi dosyasını bir sonraki sunucuya yükleyin, yazı tipi dosyasını alın ve FTP kullanarak sunucunuza yükleyin. veya cpanel dosya yöneticisi. FTP üzerinden sunucunuza nasıl bağlanacağınızdan emin değilseniz, WordPress’te FTP’nin nasıl kullanılacağına dair kılavuzumuza bakın.
Yazı tipi dosyanızı kolaylaştırmak için, Fonts adlı bir klasöre ekleyebilirsiniz. Bu örnek için, sitemin kök klasöründe bir yazı tipi klasörü yaptım. Aşağıdaki ekran görüntülerinde neye benzediğini görebilirsiniz:
Aşağıda bağlı makaleler
Adım 4: Yazı tipi yüzü için CSS ekleyin Yazı tipi dosyaları sunucunuza yükledikten sonra, yazı tipini @font-face kullanarak CSS sitenize eklemeniz gerekir.
Bunu yapmak için WordPress ayarından ek bir CSS sekmesi kullanabilirsiniz. Ya da, bu ekran görüntüsü için yapacağım basit bir CSS Tom Usborne gibi bir eklenti kullanabilirsiniz. Daha fazla bilgi için, WordPress’e özel CSS’nin nasıl güvenli bir şekilde ekleneceğine dair yazımıza bakın.
Özel bir CSS ekleme yöntemini seçtikten sonra, bu tam ihtiyacınız olan CSS’dir: @font-face {font-family: ‘roboto-düzenli’; SRC: URL (‘https://vast- termite.w5.wpsandbox.pro/fonts/robot-regular.woff’) biçimi (‘woff’); yazı tipi-ağırlık: normal; yazı tipi tarzı: normal; } Bu kodun görüntüleri için: Gerçek aile yazı tipi yazı tiplerini yapın
URL’yi gerçek URL ile sunucunuzdaki ilgili yazı tipi dosyasına değiştirin
Ayrıca, kullandığınız her ayrı yazı tipi dosyası için kod görüntülerini tekrarlamak istersiniz. Aşağıda sitemdeki üç yazı tipi dosyasını görüntüle:
Adım 5: Geçerli yazı tipini kullanmak için bir yer için CSS ekleyin, geriye kalan şey aslında CSS’nizde yazı tiplerinizi kullanmaya başlamaktır!
Örneğin, tüm vücut metnimi şimdi kendimi barındırdığım roboto normal yazı tipini kullanarak yapmak istersem, bu CSS’yi kullanacağım: Body {font-family: ‘roboto-düzenli’, sans-serif;} Ekleyebilirsiniz Bu CSS, Adım 4’ten CSS kodunu eklediğiniz yerde aynı konumda.
Aşağıda bağlı makaleler
WordPress Customerer’dan GIF kullanarak farkı göstereceğim. Yeni bir CSS eklediğimde içerik metnine dikkat edin:
Adım 6: Google Yazı Tiplerini Yükleme Temasını Durdur Siteniz hala Google Fonts sunucusundan yazı tipleri yüklüyorsa, belki de temanız hala Google Fonts sunucusunda yayınlanan yazı tiplerini kullanması gerektiğini düşündüğü için.
Durdurmak için temanızı bir sistem yazı tipi yığını kullanacak şekilde ayarlamayı deneyebilirsiniz (varsa). Örneğin, GeneratePress bu seçimi WordPress Customerer’da yapmama izin verdi:
Veya genellikle işlevlerinizin ilgili kısmını da silebilirsiniz. Veya, yorumlarla gösterildiği gibi, alt temayı başına kullanabilirsiniz: Bu eklentinin her tema için hizmet verdiğinin garantisi olmamasına rağmen, Google Font Deactivation eklentisini de deneyebilirsiniz. Google Fonts Nasıl Eklentilerle Gönderilir Manuel yöntemle bunalmışsanız, Daan van den Bergh’den WebFonts için CAOS adlı bir WordPress eklentisi kullanarak Google Font’u yerel olarak da barındırabilirsiniz.
Eklentiyi yaygın olarak test etmedim, ancak kullanımı oldukça kolay görünüyor. Tek yaptığınız adlara dayalı yazı tipleri aramak ve stil sayfası oluşturun:
Hangi ağırlığın dahil edileceğini de seçebilirsiniz. Eklenti stil sayfası yaptıktan sonra, eklenti tema başlığınıza ekleyecektir. Bu eklentinin kullanımı çok kolay olsa da, bu eklenti yalnızca Google yazı tipi için çalışır, manuel yöntem herhangi bir yazı tipi için çalışır. Günümüzün yerel yazı tipi barındırma Hosting Fonts yerel yazı tipleri, sitenizi yeni yazı tiplerine açmanın iyi bir yoludur ve sitenizi hızlandırabilir.
