Web sitelerini tasarlayanların web sitelerinde güzel yazı tiplerini kullanmayı nasıl başardıklarını hiç merak ettiniz mi? Çoğu zaman, kullanarak özel yazı tipleri eklerler. Typekityüksek kaliteli yazı tiplerine erişmenizi sağlayan bir Adobe servisidir. Bu yazıda, tipografinizi geliştirmek için WordPress'e Typekit fontlarını nasıl ekleyeceğinizi göstereceğiz.
Neden Typekit yazı tipleri kullanmak?
Typekit, size çok para kazandırabilecek popüler bir abonelik denetleme hizmetidir. Oldukça pahalı olabilecek bireysel yazı tipi lisansları için ödeme yapmak yerine, yüzlerce yazı tipi kitaplığının tamamına ücretsiz veya sabit bir yıllık ücret karşılığında erişebilirsiniz.
Typekit kütüphanesi, 1000 fontlarından daha etkileyici bir koleksiyondur. Web'de bulabileceğiniz en güzel yazı tiplerinden bazıları bir Adobe hizmeti olan Typekit'te bulunur.
Ücretsiz temel planları, 230+ yazı tipine erişim ile birlikte gelir ve bir web sitesinde 2 yazı tipi ailesini ücretsiz olarak kullanabilirsiniz. Diğer planlar yılda 49,99 dolardan 99,99 dolara başlar.
Bu harika Typekit fontları, web sitenize yükleme hızını yavaşlatmadan kolayca bir web sitesine eklenebilir. Yazı tipleri bir CDN aracılığıyla sunulur ve sizden çok daha hızlı yüklenir.
WordPress'te neden özel fontlar kullanılıyor?
Tipografi, sitenizi tasarlarken çok önemli bir rol oynar.
İyi yazı tiplerini seçmek, kişiliğinizi ve mesajınızı okuyucularınıza açıkça iletecektir. Ne tür bir imajı yansıtmak istediğiniz önemli değil (profesyonel, arkadaş canlısı, gündelikWeb sitenizdeki yazı tipleri iyi bir görüntü yansıtmanıza yardımcı olabilir.
Doğru yazı tipi setini kullanarak kalıcı bir izlenim bırakabilirsiniz. WordPress siteniz için doğru yazı tipini seçmek, web sitenizi basit bir tasarımdan çarpıcı bir estetik parçaya taşıyabilir.
İyi özel web fontları şunları yapabilir:
- dönüşüm oranlarını artırmak
- Sitenizin çıkma oranını düşürün
- Sitenizde harcanan zamanı artırın
- Kullanıcılar için unutulmaz bir deneyim yaratın
Eğer Typekit fontları kullanmayı biliyor musunuz? Nasıl WordPress yazı özelleştirmek için Typekit kullanmak.
Typekit ile nasıl başlanır
Öncelikle bir Typekit hesabı oluşturmanız gerekir. Bunu yapmak için, "Typekit.com" a gidin ve mevcut planları karşılaştırın.
Hangi planı kullanmak istediğinizi seçmeniz gerekecek. Ücretsiz plan, sizi bir web sitesi ile sınırlar ve sınırlı yazı tiplerine erişim içerir. Denemek için ücretsiz planla başlamak ve daha sonra yükseltmek isteyebilirsiniz. Yükseltme, size daha büyük bir yazı tipi kitaplığı sağlar ve bunları birden çok web sitesinde kullanabilirsiniz.
Bir sonraki adım, bir kit oluşturmaktır. Kit, web siteniz için belirli bir yazı tipi kitaplığı ve ayarları bir araya getirmenize olanak tanır, böylece typekit yüklemesi optimum olur. Kitinizi oluşturmak için site adınızı ve alan adınızı ekleyin, ardından Devam'ı tıklayın.
Kitiniz için bilgilerinizi doldurmayı tamamladığınızda, Typekit sitenize eklemeniz için size bazı JavaScript kodu verecektir. Şimdilik kaydetmek için bu kodu kopyalayıp Not Defteri gibi bir metin düzenleyicisine yapıştırabilirsiniz. Bu eğitimin bir sonraki adımında sitenize ekleyeceğiz.
Şimdilik yazı tiplerinizi seçmeye başlayabilirsiniz. Yazı tipi kitaplığına göz atabilir ve bunları derecelendirme, ağırlık, genişlik, yükseklik ve daha fazlası gibi seçeneklere göre filtreleyebilirsiniz.
Bir yazı tipini istediğiniz gibi gördüğünüzde, daha fazla ayrıntı ve örnek için üzerine tıklayabilirsiniz. Web kitinize eklemek istiyorsanız, sağ taraftaki “Web Kullanımı: Sete Ekle” düğmesine tıklayın.
Bu, az önce oluşturduğunuz kit için seçilen yazı tipini eklemeniz gereken bir pencere açar.
Şimdi düğmesine tıklayabilirsiniz " yayınlamak Değişiklikleri kitinize kaydetmek için.
Bu kadar! Polis kitiniz artık cihazınızda kullanılabilir. WordPress blog.
WordPress typekit yazı tiplerini nasıl eklenir
Yeni özel web yazı tiplerinizi web sitenize eklemenin en iyi yolu WordPress blog eklenti kullanılarak yapılacaktır Wordpress Typekit. Nasıl kurulacağını öğrenin WordPress Plugin.
WordPress eklentisi için Typekit yazı tiplerini öneriyoruz. Eklentiyi kurduktan ve etkinleştirdikten sonra, " Ayarlar> Typekit Fontları Eklentiyi yapılandırmak için.
Öncelikle, daha önce kaydettiğiniz JavaScript kodunu Typekit yerleştirme kodu alanına yapıştırmanız gerekir. Bundan sonra, yazı tipini sitenizde nerede kullanmak istediğinizi belirtmek için CSS seçicileri ekleyebilirsiniz.
Yukarıdaki ekran görüntüsünde, yazı tipini CSS seçiciye ekledik " h1.site başlıktaki '.
Kargonuzun sevkiyatini izlemeye yarayan WordPress tema farklı elemanlar için farklı sınıflar kullanabilir. Bu CSS sınıflarını bulmak için web tarayıcınızda Inspect Element aracını kullanmanız gerekecektir.
Hepsi bu ders için, umarım WordPress blogunuza TypeKit yazı tipleri eklemenize izin verir.
.
