WordPress Sitenize Çevrimdışı Bir Yazı Tipi Nasıl Eklenir

WordPress sitenize fazladan bir kişilik eklemek istiyorsanız, çevrimdışı bir yazı tipi yüklemeyi düşünebilirsiniz. Bunu yapmanın birçok yolu olsa da, size Font Squirrel Webfont Üreticisini kullanmanın en kolay yöntemlerinden birini göstereceğiz. Yazı tipi dosyalarınızı indirdikten sonra, bunları WordPress sitenize yükleyebilir ve diğer yazı tipleri gibi kullanabilirsiniz. Başlayalım!

Bu yazı bir süredir masamda duruyordu ve sizlerle paylaşmak istedim. Google yazı tipleri tamamen yerel olarak yüklenir. Şimdiye kadar Crunchify.com'dan Google Oswald ve Lato yazı tiplerini kullanıyorum. Yeni sekmede görünen yukarıdaki resimdeki URL'yi açmanız yeterlidir; 14 yeni yazı tipi oluşturduğunu fark edeceksiniz. Bu eğitim, aşağıdaki sorulardan herhangi birine sahipseniz de yardımcı olacaktır. Lato.zip dosyasını çıkardıktan sonra, Lato'nun .ttf uzantılı on yazı tipinin tümünü görebileceksiniz. Çoğu web sitesinde yalnızca normal, kalın ve italik yazı tiplerine ihtiyacınız vardır.

2. Adımda, şimdi yazı tiplerinizi woff2, eot,svg, ttf ve wof biçimlerine dönüştürmelisiniz. https://Font-Converter.net/en sitesine yazı tipini bu biçimlere dönüştürecek bir dosya yüklenebilir. Başka söze gerek yok. Artık yerel dosya sisteminizden yazı tiplerini yükleyebilirsiniz.

WordPress Temasına Nasıl Özel Yazı Tipleri Eklerim?

WordPress temanıza özel yazı tipleri eklemenin birkaç farklı yolu vardır. Bir yol, Google Fonts kitaplığını kullanmaktır. Mevcut tüm yazı tiplerinin kapsamlı bir listesini Google Yazı Tipleri web sitesinde bulabilirsiniz. Beğendiğiniz bir yazı tipi bulduğunuzda, kodu temanızın stil sayfasına (style.css) ekleyebilirsiniz. Örneğin, “Open Sans” yazı tipini kullanmak isteseydiniz, stil sayfanıza şu kodu eklersiniz: body { font-family: 'Open Sans', sans-serif; } WordPress temanıza özel yazı tipleri eklemenin başka bir yolu da Easy Google Fonts gibi bir eklenti kullanmaktır. Bu eklenti, herhangi bir kodu düzenlemek zorunda kalmadan temanıza özel yazı tipleri eklemeyi kolaylaştırır.

Easy Google Fonts eklentisi , WordPress sitenize özel yazı tipleri eklemek için kullanılabilir. Bu yöntemi kullanarak çok çeşitli yazı tiplerini kullanarak web sitenize dikkat çekebileceksiniz. Tipografinin araştırmalarda bir takım faydaları olduğu gösterilmiştir. Basit bir web sitesi, müşterilerin sizinle iletişim kurmasını kolaylaştırır. CSS özelliklerini kullanarak, stilini ve konumunu değiştirmenin yanı sıra tercih ettiğiniz yazı tipinin stilini ve konumunu değiştirebilirsiniz. Kendi yazı tipi kontrollerinize ek olarak, bunları eklemek için WordPress eklenti ayarları sayfasını kullanabilirsiniz. Bir eklenti kullanmak istemiyorsanız, Adobe fontları yerine bunu kullanabilirsiniz.

Bu yazı tiplerini WordPress sitenize eklemeyi kolaylaştırmak için Özel Adobe Yazı Tipleri eklentisini yükleyin. Eklentiyi yükleyin, ardından işinize yarayacak bir yazı tipi bulmak için Adobe'nin geniş yazı tipi kitaplığına gidin (kullanmak için kayıt olmalısınız). Bir yazı tipi seçtikten sonra, üzerine tıklayın ve ardından sayfanın sağ üst köşesinde 'Web projesine ekle' seçeneğine bakın. Yazı Tipi Çiftini kullanarak, yazı tipi kombinasyonlarınızın nasıl göründüğünü görebilir ve gördüklerinize göre yazı tiplerini karıştırıp eşleştirebilirsiniz. Tasarımcının kendileri tarafından oluşturulan özel yazı tiplerini satan birkaç mükemmel web sitesi var. Squirrel yazı tipine büyük bir yazı tipi kitaplığı dahildir ve uygulanması da kolaydır. @Font-Face'in web yazı tipi setini kullanabilirsiniz.

WordPress web siteniz artık kullanıma hazır olmalıdır. Kit, kendi CSS stil sayfanızı oluşturmak için ihtiyaç duyacağınız kodu içeren bir stil sayfasının yanı sıra yazı tipi dosyasını da içerir. Örneğin, OpenSans-ExtraBold- web yazı tipi için aşağıdaki CSS'yi kullanmamız gerekir. En iyi çözüm, tüm yazı tipi dosyalarını seçtiğiniz bir konuma kaydetmektir.

WordPress'te Google Yazı Tipleri Nasıl Yüklenir

WordPress yönetici paneline gidin ve Yeni Ekle'yi seçin. Google Play Store'dan Easy Google Fonts'u indirin ve yükleyin. Eklentiyi kurduktan sonra, kullanmaya başlamak için Etkinleştir düğmesine tıklamanız gerekir.

Web sitenizde veya dijital ürünlerinizde 1000'den fazla farklı yazı tipi ailesini denemek için Google Yazı Tiplerini kullanabilirsiniz. Google yazı tiplerini WordPress sitenize manuel olarak eklemek istiyorsanız, birkaç seçenek vardır. Ücretsiz ve açık kaynaklıdırlar, bu nedenle herhangi bir geliştirici tarafından kullanılabilirler. Google yazı tiplerini entegre etmenin en uygun yolu, function.php dosyanıza belirli yazı tipi ailesinin URL'sini içeren bir pasaj eklemektir. Manuel işlemi zor bulursanız, bir eklenti kullanabilirsiniz. Eklentiyi önce WordPress eklenti deposunu ziyaret ederek yükleyebilirsiniz. Şimdi kurulmalı ve etkinleştirilmelidir.

Çoğu WordPress teması, varsayılan ayarlarının bir parçası olarak Google yazı tipi entegrasyonunu içerir. OMGF platformunu oluşturan eklentiler, web sitenizde 600'den fazla yazı tipine göz atmanıza olanak tanır. 'Yazı Tipi Ailesi' açılır menüsünde, sitenizin çeşitli bölümleri için 100'den fazla farklı tür arasından seçim yapabilirsiniz. Özelleştirici önizlemesinde gösterildiği gibi, özel yazı tipi denetimleri eklemek için çeşitli seçenekler vardır.

Google Yazı Tiplerini Yerel Olarak Yüklemeli miyim WordPress?

WordPress sitenizde Google Yazı Tipi hataları varsa, bunları çözmek için Google yazı tiplerini yerel olarak yüklemelisiniz. Kontrol edemediğiniz, sıkıştırmayı, küçültmeyi veya optimize etmeyi imkansız kılan bazı harici kaynaklar ve komut dosyaları vardır. Bu önlemleri almazsanız WordPress hızınız ciddi şekilde engellenecektir.

Wp içeriği/temalar/temanız/yazı tipleri

wp-content/themes/your-theme/fonts klasörü, temanızla kullanmak istediğiniz özel yazı tiplerini saklayabileceğiniz yerdir. Yazı tipleri, FTP aracılığıyla veya bir dosya yöneticisi eklentisi kullanılarak bu klasöre eklenebilir. Yazı tipleri bu klasöre eklendikten sonra, yazı tipi adına başvurarak temanızın CSS'sinde kullanılabilirler.

Global Stiller, aşağıdaki temalardan birini kullanıyorsa web sitenizin yazı tipini değiştirmek için kullanılabilir. Bu durumda, taban ve başlık yazı tipleri aynı yazı tipi çiftindedir. Yeni yazı tipi eşleştirmelerini kaydetmek için Genel Stiller menüsünde Yayınla düğmesini tıklayın veya değişiklikleri geri almak için Sıfırla'yı tıklayın. Uygun özel yazı tiplerini seçtikten sonra bunları istediğiniz sıklıkta değiştirebilirsiniz. Başlığınızın veya temel yazı tiplerinin boyutunu değiştirmek istiyorsanız, aşağıdaki ve her yazı tipinin sağındaki boyut seçeneğini belirleyerek ve ardından açılır menüden bir boyut seçerek bunu yapabilirsiniz. Özel CSS ile genel varsayılan yazı tipi boyutunu değiştirebilirsiniz. Test ettikten sonra kullanmayı bırakmaya karar verirseniz, bir eklentiyi devre dışı bıraktığınızdan veya sildiğinizden emin olun. Typekit.com hesabını bir WordPress.com bloguna veya web sitesine bağlamak mümkün değildir. Belirli bir yazı tipinin belirli bir dille uyumluluğunu test etmek istiyorsanız Özelleştirici'yi kullanın.

Eklenti Olmadan WordPress'e Yazı Tipi Ekleme

Eklenti olmadan WordPress'e yazı tipi eklemenin birkaç yolu vardır. Bir yol, Google Fonts kitaplığını kullanmaktır. Google Fonts web sitesine gidin, kullanmak istediğiniz yazı tipini seçin ve ardından sağlanan kodu kopyalayın. Ardından, WordPress kontrol panelinizi açın ve Görünüm > Özelleştir'e gidin. Ardından, “Ek CSS” sekmesine tıklayın ve Google Fonts'tan kopyaladığınız kodu yapıştırın. Değişikliklerinizi kaydedin, yeni yazı tipi web sitenize uygulanacaktır.

Temaların varsayılan ayarlarında web yazı tiplerini içermesi gerekmez. Bir web sayfasına göz atarken, tarayıcınızı kullanarak onu indirebileceksiniz. Yazı tipi kodunu kopyalayıp tema dosyanıza yapıştırmak için istediğiniz yazı tipini seçmeniz yeterlidir. Aynı anda birden fazla yazı tipi kullanabilirsiniz ve yazı tiplerinin ne kadar sürede yüklendiğini göreceksiniz. WordPress blog panosuna giderek WordPress blogunuza daha fazla CSS ekleyin. Tüm kodu gri kutudan 1 gövde metninin web yazı tipine kopyalayın. Yeni web yazı tipi ailesi, Google yazı tipi kitaplığının ikinci gri kutusunda bulunabilir. Ayrıca yazı tipi boyutunu ve yazı tipi ağırlığını ayarlamak için aşağıdaki kod kullanılabilir.