WordPress Web Sitesine Özel Yazı Tipleri Nasıl Eklenir [222]

Web tasarımınızın merkezi kısmının ne olduğunu biliyor musunuz? Bir WordPress web sitesine özel bir yazı tipi eklemek , web sitenizin ziyaretçilerini sitenizde tutmak ve web sitesinin okunabilirliğini artırmak için atabileceğiniz en son adımdır. Web sitesi için seçtiğiniz yazı tipi marka imajınızı temsil eder. Girişler ve çıkışlar ile özel yazı tipleri hakkında bilgi edinmek için dalış yapalım.

Çevrimiçi olarak ücretsiz yazı tipleri bulabilecek olsanız bile, tema uyumluluğunuza bağlı olarak bunları kullanmakla sınırlı olacaksınız. Bu nedenle, manuel yöntemler ve WordPress eklentileri kullanarak WordPress'e özel yazı tiplerinin nasıl ekleneceğini açıklayacağız.

Neden Özel Yazı Tipleri Kullanılır ve Bunları Nerede Bulunur?

Yukarıda belirtildiği gibi, yazı tiplerini kolayca indirebileceğiniz çok sayıda site bulacaksınız. Örneğin, Font Squirrel , kullanabileceğiniz en fazla üç ücretsiz yazı tipiyle birlikte gelir. Google Fonts , aralarından seçim yapabileceğiniz 900'den fazla yazı tipi bulabileceğiniz başka bir harika seçenektir. Bunun dışında, Edge Web Fonts size çok çeşitli yazı tipleri de sunabilir. Kişisel kullanım için Fonts.com veya 1001 Free Fonts'u tercih edebilirsiniz .

DaFont , istediğiniz yazı tiplerini filtreleyebileceğiniz 60.000'den fazla yazı tipine sahip en eski yazı tipi kitaplığıdır. Seçilen yazı tiplerini indirmeniz gerekiyor ve Google Font entegrasyonu gibi değil. Benzer bir yazı tipi kütüphanesi, çok çeşitli yaratıcı ve kazançlı yazı tiplerine sahip UrbanFont'tur .

Adobe Fonts veya Typekit , 1900'den fazla yazı tipine sahip olduğu için tüm web tasarımcıları için çok kullanışlı bir yazı tipi kitaplığıdır. Ücretsiz hesaba abone olsanız bile, yine de 200'den fazla web yazı tipi sunar.

Aylık olarak font kiralamak ve abonelik ücreti ödemek istiyorsanız Fontstand'a gidebilirsiniz . Yaklaşık 2000 harika yazı tipi sunar ve sizi aylık olarak ücretlendirir. Tıpkı bu Type Network gibi , aynı anda 400'den fazla yazı tipi ailesi alacağınız ve kolaylıkla keşfedeceğiniz, kendi kendine barındırılan başka bir yazı tipi kitaplığıdır.

Bir Web Sitesi İçin En İyi Özel Yazı Tipi Nasıl Seçilir?

WordPress için istenen özel yazı tiplerini bulma kaynaklarını zaten bildiğiniz için, şimdi en iyi yazı tiplerini nasıl seçeceğinizi bilmeniz gerekir. Rastgele yazı tiplerini filtrelemek, seçim sürecinizi uzun ve beceriksiz hale getirecektir. Bunun yerine, bir WordPress web sitesi için en iyi özel yazı tipini seçerken aşağıdaki adımları deneyebilirsiniz. Bu blogda, en iyi yazı tiplerini seçmek ve tüm yazı tiplerini filtrelerken en iyi uygulamaları görmek için Google Yazı Tiplerini keşfedeceğiz.

Beğendiğiniz Kısa Liste Yazı Tipleri – Google yazı tipinde, istediğiniz yazı tipini arama kutusunda kolayca arayabilir ve kategoriyi belirleyebilirsiniz. Arama sonucu yaptığınız ayara göre değişecektir. Yazı tiplerini alfabelerde, sayısal sayılarda ve diğer biçimlerde görebilirsiniz.

Yazı Tipi Ayrıntılarını Kontrol Edin- Yazı tipi ayrıntılarını kontrol etmek önemlidir çünkü mevcut tüm stilleri ve yazı tipi boyutlarını bir bakışta göreceksiniz. Google Fonts ile bulacağınız harika bir özellik, o fontla popüler eşleşmeleri göstermesidir.

Yazı tipi ayrıntılarını kontrol ederken, yazı tipi biçimine de dikkat edin. Çünkü tüm yazı tipleri tüm tarayıcı sistemlerini desteklemez. İşte en son tarayıcı listesi ve desteklenen yazı tipi biçimi listesi.

Kaynak – https://www.w3schools.com/Css/css3_fonts.asp

Font Koleksiyonunuzu Zenginleştirin- Doğru fontları filtrelemeyi tamamladığınızda, bu fontları ' Bu Fontu Seç' düğmesine tıklayarak koleksiyonunuza ekleyebilirsiniz.

WordPress Web Sitesine Özel Yazı Tipi Eklemenin Kolay Yöntemleri

Web sitenize özel yazı tipleri eklemenin en kolay yollarından bazılarını adım adım bir biçimde topladık. Gelin ve nasıl yapılacağını görelim.

WordPress'te Manuel Olarak Özel Yazı Tipi Ekleme

Özel yazı tiplerini manuel olarak eklemek, web sitenizi yavaşlatmamanın en akıllıca yoludur. İstediğiniz yazı tipini bulmak için bazı yazı tipi boyutlarını zaten araştırdığınız için, önce yazı tipini indirin. Şimdi yazı tipini web sitesi barındırma hesabınıza yüklemeniz gerekiyor. WordPress web siteniz için hangi temayı kullandığınıza bakın. Yazı tipinizin CSS dosyasını hesabınıza yükleyin. Yazı tipini indirirken, dosyaları .zip dosyasından çıkarmayı unutmayın.

Yazı tipi dosyanızı yüklemek için wp-content/themes/your-theme/fonts dizinine gidin. Rahatınız için ayrı bir yazı tipi klasörü oluşturabilirsiniz. Dosyayı Dosya Yöneticisini kullanarak hPanel'e yükleyin. Şimdi WordPress hesabınıza gidin ve Görünüm seçeneğine tıklayın. style.css dosyasının gösterileceği Tema Düzenleyicisini seçin. Kodun en altına aşağıdaki kodu ekleyin.

@ yazı tipi-yüz {

yazı tipi ailesi: Aguafina Komut Dosyası-Normal;

src: url ( http://test-site.com/wp-content/themes/twentynineteen/fonts/AguafinaScript-Regular.ttf );

yazı tipi ağırlığı: normal;

}

Şimdi değişiklikleri kaydetmek için 'Dosyayı Güncelle' düğmesine tıklayın. Bir ziyaretçi sitenize her geldiğinde yazı tipi-yüz kodunun yazı tipini yüklediğini unutmayın. Ancak yazı tipi henüz herhangi bir öğeye uygulanmadı. Belirli bir öğeye yazı tipi atamak için aynı style.css dosyasını değiştirmelisiniz. Örneğin aşağıdaki kod, web sitemizin başlığının yazı tipi komut dosyasını kullanmasını sağlar.

.site başlığı {

font-family: “Aguafina Script-Regular” , Arial, sans-serif;

}

WordPress Eklentilerini Kullanarak Özel Yazı Tipleri Nasıl Ayarlanır

Tüm WordPress kullanıcıları için, özel yazı tiplerini ayarlamanın en kolay yolu yazı tipi eklentilerini kullanmaktır. Burada, WordPress web sitesine özel yazı tipleri eklemek için en kolay ve en kullanışlı yazı tipi eklentilerinden bazılarını sunduk.

WP Google Yazı Tipleri

WP Google Fonts eklentisini kullanarak özel yazı tiplerini kullanabilir ve bunları belirli CSS öğelerine uygulayabilirsiniz . WordPress eklenti dizininden WP Google Fonts eklentisini yükleyin ve Google Font Kontrol Paneline erişmek için WordPress kontrol panelinizi kullanın. Yazı tiplerini seçebilir ve yazı tipi stili, tahsis edilen öğeler ve daha fazlası gibi seçenekleri ayarlayabilirsiniz.

Yazı Tipi Eklentisi

Fonts Plugin , benzer şekilde çalışan ve temanızı değiştirmek zorunda kalmadan Google Fonts'u sayfalarınıza sorunsuz bir şekilde entegre etmenize olanak tanıyan Easy Google Fonts'a ücretsiz bir alternatiftir. Ayrıca Özelleştirici ile birlikte çalışarak alternatif yazı tipi seçeneklerini yayınlamadan önce denemenize olanak tanır. Fonts Plugin ayrıca bir bonus olan Adobe Fonts entegrasyonuna sahiptir. Fonts Plugin, malzemenizde Adobe'nin yazı tipi kitaplığını da kullanmanıza olanak tanır.

Özel Yazı Tiplerini Kullanarak Çekici Web Sitesi Oluşturun

Metninizin okunabilirliği ve zarafeti, ziyaretçilerinizin sitenizde gezinmekten ne kadar keyif aldıklarını etkiler. Artık herkes web sitesinde kullanmak için çok sayıda yazı tipi arasından seçim yapabilir. Bugünlerde web sitenizde eski yazı tiplerini kullanmanız için hiçbir neden yok. WordPress tipografinizi özelleştirmek artık tamamen sizin kontrolünüzde.

Bu blogu ilgi çekici ve faydalı buluyorsanız, bunun gibi daha fazla blog okumak için blogumuza abone olun . Siz de düşüncelerinizi paylaşmak için topluluğumuza katılın .