Ana İçeriğe Geç

Typekit ile etkileyici tipografi nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

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.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

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.

Wordpress typekit üzerinde bir kit oluşturulması

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.

Wordpress typekit üzerinde bir kit oluşturulması

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.

Typekit üzerinde Chiosir uen yazı tipi

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.

Monarcha yazı tipi typekit wordpress

Bu, az önce oluşturduğunuz kit için seçilen yazı tipini eklemeniz gereken bir pencere açar.

Typekit tipografisini önizleyin

Şimdi düğmesine tıklayabilirsiniz " yayınlamak Değişiklikleri kitinize kaydetmek için.

Typekit tipografisini önizleyin

Bu kadar! Yazı tipi kitiniz artık WordPress blogunuzda kullanılabilir.

WordPress typekit yazı tiplerini nasıl eklenir

Yeni özel web yazı tiplerinizi WordPress blogunuza eklemenin en iyi yolu eklentiyi kullanmak olacaktır. Wordpress Typekit. Bir WordPress eklentisinin nasıl kurulacağını öğrenin.

WordPress eklentisi için Typekit yazı tiplerini öneriyoruz. Eklentiyi kurduktan ve etkinleştirdikten sonra, " Ayarlar> Typekit Fontları Eklentiyi yapılandırmak için.

Wordpress eklentisi typekit ayarları

Ö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 '.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

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ızda Öğeyi İncele aracını kullanmanız gerekecektir.

WordPress kod içeriğini inceleyin

Hepsi bu ders için, umarım WordPress blogunuza TypeKit yazı tipleri eklemenize izin verir.

.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
13 hisseleri
hisse10
cıvıltı
Enregistrer3