Typekit ile WordPress'e Harika Tipografi Nasıl Eklenir

Tasarımcıların sitelerinde güzel özel web yazı tiplerini nasıl kullanabildiklerini hiç merak ettiniz mi? Genellikle Typekit, yüksek kaliteli yazı tiplerine erişim sağlayan bir Adobe hizmeti aracılığıyla WordPress'e özel yazı tipleri eklerler. Bu makalede, tipografinizi iyileştirmek için WordPress'e Typekit yazı tiplerini nasıl ekleyeceğinizi göstereceğiz.

Neden Typekit Yazı Tiplerini Kullanmalısınız?

Typekit, size çok para kazandırabilecek popüler bir abonelik tabanlı yazı tipi hizmetidir. Tek tek yazı tipi lisansları için ödeme yapmak yerine, ki bu oldukça pahalı olabilir, yüzlerce yazı tipinden oluşan tüm kütüphanelerine ücretsiz veya sabit bir yıllık ücret karşılığında erişebilirsiniz.

Typekit kütüphanesi, 1.000'den fazla yazı tipinden oluşan devasa bir koleksiyondur. Web'de bulabileceğiniz en güzel yazı tiplerinden bazıları, bir Adobe hizmeti olan Typekit aracılığıyla kullanılabilir.

Temel ücretsiz planları 230'dan fazla yazı tipine erişimle birlikte gelir ve bir web sitesinde ücretsiz olarak 2 yazı tipi ailesi kullanabilirsiniz. Diğer planlar yıllık 49,99 ila 99,99 ABD dolarından başlar.

Bu harika Typekit yazı tipleri, sayfa yükleme hızlarınızı yavaşlatmadan herhangi bir web sitesine kolayca eklenebilir. Yazı tipleri Adobe'nin CDN'inden sunulur ve kendi sitenizde barındırmaktan çok daha hızlı yüklenir.

WordPress için Typekit Video Eğitimi

Videoyu beğenmezseniz veya daha fazla talimata ihtiyacınız olursa, aşağıdan okumaya devam edebilirsiniz.

WordPress'te Özel Web Yazı Tiplerini Neden Kullanmalı?

Tipografi, sitenizin tasarımında çok önemli bir rol oynar.

Doğru fontları seçmek, kişiliğinizi ve mesajınızı okuyucularınıza açıkça iletecektir. Nasıl bir imaj çizmek isterseniz isteyin - profesyonel, samimi, gündelik, deneyimli - web sitenizdeki fontlar doğru imajı yansıtmanıza yardımcı olabilir.

Doğru yazı tipi setini kullanarak kalıcı bir izlenim bırakabilirsiniz. Web'deki diğer tüm siteler gibi görünmek yerine, metniniz belirgin şekilde farklı görünür. WordPress siteniz için doğru yazı tipini seçmek, web sitenizi basit bir tasarımdan estetik açıdan hoş ve çarpıcı bir sanat eserine dönüştürebilir.

Doğru özel web yazı tipleri şunları yapabilir:

• dönüşüm oranlarını artırmak
• sitenizin hemen çıkma oranını düşürün
• web sitenizde geçirilen süreyi artırın
• kullanıcılar için akılda kalıcı bir deneyim yaratın

Typekit fontlarıyla başlamaya hazır mısınız? Typekit'i WordPress tasarımınızı özelleştirmek için nasıl kullanacağınız aşağıda açıklanmıştır.

Typekit'e Nasıl Başlanır

Öncelikle bir Typekit hesabı oluşturmanız gerekecek. Bunu yapmak için, mevcut planları karşılaştırmak üzere Typekit.com adresini ziyaret etmeniz yeterlidir.

Kaydolmak istediğiniz planı seçmeniz gerekecek. Ücretsiz plan sizi bir web sitesiyle sınırlar ve sınırlı yazı tiplerine erişim içerir. Denemek için ücretsiz planla başlamak isteyebilirsiniz, ardından daha sonra yükseltebilirsiniz. Yükseltme size daha büyük bir yazı tipi kütüphanesi sunar ve bunları daha fazla web sitesinde kullanabilirsiniz.

Bir sonraki adım bir kit oluşturmaktır. Kit, web siteniz için belirli bir font ve ayar kütüphanesi oluşturmanıza olanak tanır, böylece Typekit yalnızca gereken dosyaları ve kodu yükler. Kitinizi oluşturmak için site adınızı ve alan adınızı ekleyin ve ardından Devam'a tıklayın.

Kitiniz için bilgilerinizi doldurmayı bitirdikten sonra, Typekit sitenize eklemeniz için size bir miktar JavaScript kodu verecektir. Bunu şimdilik kaydetmek için Not Defteri gibi bir metin düzenleyiciye kopyalayıp yapıştırabilirsiniz. Bu öğreticinin bir sonraki adımında bunu sitenize ekleyeceğiz.

Şimdilik yazı tiplerinizi seçmeye başlayabilirsiniz. Yazı tipi kütüphanesine göz atabilir ve sınıflandırma, kalınlık, genişlik, x-yüksekliği ve daha fazlası gibi seçeneklere göre filtreleyebilirsiniz.

Beğendiğiniz bir yazı tipi gördüğünüzde, daha fazla ayrıntı ve örnek için üzerine tıklayabilirsiniz. Web kitinize eklemek isterseniz, sağ taraftaki Web Kullanımı: Kite Ekle düğmesine tıklayın.

Bu, oluşturduğunuz sete seçtiğiniz yazı tipini eklemeniz gereken bir açılır pencere getirecektir.

Artık kitinizdeki değişiklikleri kaydetmek için Yayınla düğmesine tıklayabilirsiniz.

Hepsi bu kadar! Yazı tipi kitiniz artık kullanıma hazır.

WordPress'te Typekit Font'larınızı Ekleme

Yeni özel web yazı tiplerinizi WordPress blogunuza eklemenin en kolay yolu bir WordPress Typekit eklentisi kullanmaktır.

WordPress için Typekit Yazı Tipleri eklentisini öneriyoruz. Eklentiyi kurup etkinleştirdikten sonra, eklentiyi yapılandırmak için Ayarlar » Typekit Yazı Tipleri'ni ziyaret edebilirsiniz.

Öncelikle daha önce kaydettiğiniz JavaScript kodunu Typekit yerleştirme kodu alanına yapıştırmanız gerekecek. Bundan sonra, yazı tipini sitenizde nerede kullanmak istediğinizi belirtmek için CSS seçicileri ekleyebilirsiniz.

Yukarıdaki ekran görüntüsünde, fontu `h1.site-title` CSS seçicisine ekledik.

WordPress temanız farklı öğeler için farklı sınıflar kullanabilir. Bu CSS sınıflarını bulmak için web tarayıcınızdaki Öğeyi İncele aracını kullanmanız gerekecektir. Başlangıç ​​için size yardımcı olması amacıyla yeni başlayanlar için WordPress tarafından oluşturulan CSS hile sayfamıza da göz atmak isteyebilirsiniz.

Hepsi bu kadar! Bu makalenin Typekit ile WordPress'te harika tipografi eklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, WordPress temalarınıza Google web yazı tiplerini nasıl ekleyeceğiniz konusundaki rehberimize de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.