Web siteniz için doğru yazı tipi nasıl seçilir
Çevrimiçi mağaza marka görüntülemeniz birçok farklı bileşenden oluşur; Renk ve logodan kullandığınız dile ve müşteri hizmetinizin kalitesine kadar. Ve elbette, yazı tipleri bunun büyük bir parçası. Web sitenizde kullandığınız yazı tipi, profesyonel, benzersiz, ciddi, eğlenceli vb. Marka tonlarınızı oluşturmada çok yardımcı olur. Font ayrıca, rahatsızlık vizyonu olanlar da dahil olmak üzere ziyaretçileriniz için olağanüstü deneyim sağlamada çok önemli bir rol oynar. Ama doğru yazı tipini nasıl seçip en iyi şekilde kullanıyorsunuz? Tipografiye ve yazı tiplerine giriş, bir an için geri çekilmemizi sağlıyor. Times New Roman, Helvetica ve yaygın olarak iftira edilen çizgi roman gibi tipografiye aşina olabilirsiniz. Ama tam olarak ne?
Tipografi, birkaç farklı stil içeren metnin dijital bir temsilidir. Örneğin, Helvetica’nın aşağıdakileri içeren 36 farklı seçeneği vardır:
Helvetica Light (ince versiyon)
Helvetica Oblique (eğimli versiyon)
Helvetica Bold (kalın sürüm)
Helvetica Black (daha kalın ve cesur versiyon)
Helvetica yoğunlaştırılmış (birbirine yakın konulara sahip sürüm)
Helvetica Rounded (Yuvarlak harfli sürüm)
Doğru ağırlık ve stil ile çok özel bir yazı tipi. Yani, Helvetica Bold bir yazı tipidir, Helvetica bir tipografidir. Bu makalenin amacı için, “mektuplar” ve “yazı tipi” terimlerini sırayla kullanacağız.
Seçebileceğiniz dört ana yazı tipi türü vardır ve siteniz için doğru hissi oluşturmak için karıştırabilir ve eşleştirebilirsiniz. Serif yazı tipi, belirli harflere eklenen ekstra vuruşlar içerirken, sans Serif yazı tipi çizikleri kaldırır. Aşağıda Serif olan ve olmayan harf örneklerini görebilirsiniz: Genel olarak, Serif yazı tipi daha gelenekseldir ve bilgi ve güven yaymanın en iyi yoludur. Ayrıca daha kolay okunabilirler, çünkü Serif her harfi ayrı ayrı tanımlamaya yardımcı olur. Yazı tipi Sans Serif temiz ve meslektaşlarından daha erişilebilir hissedebilir. Büyük metinlerde hala basit ve okunması kolaydır.
Gördüğünüz gibi, biri çok zarifken, diğeri çok daha arkadaş canlısı görünüyor. Yazı tiplerinin görünümü çok çeşitlidir ve dekoratif olarak kabul edilebilecek her şeyi içerir. Görünüş ve his açısından büyük ölçüde değişir, ancak genellikle sadece başlıklar için kullanılırlar. Farklı ekran yazı tiplerinin üç örneği: Üçü de çok benzer görünmüyor, değil mi? Ancak marka nüansları oluşturmanın iyi bir yoludur. Doğru yazı tiplerini nasıl seçer ve uygularsınız, bu yüzden şimdi temel bilgileri ayarladık, çevrimiçi mağazanız için doğru yazı tiplerini seçmek için bazı pratik ipuçlarına bakalım. 1. Metnin temel hazırlığını okumaktır – bu nedenle okunabilirlik bir yazı tipi seçerken bir numaralı değerlendirmeniz olmalıdır. Sonuçta, ziyaretçiler metninizi okuyamazlarsa, ürününüzü öğrenemez veya bir satın alma işlemi yerine getiremezler! İçeriğinizin metni neredeyse her zaman bir serif veya sans serif yazı tipi olmalıdır, çünkü ziyaretçilerin paragrafları veya büyük metin bloklarını okumasını kolaylaştırır. Ekran yazı tiplerini ve komut dosyalarını başlık için kaydedin ve ancak yazı tipinin kolayca anlaşılabildiğinden emin olun. Düşünmesi gereken bir sonraki şey metniniz arasındaki mesafe. Üç ana mesafe hususu vardır:
Kenning: İki harf arasındaki boşluk sayısı. Doğru Kenning, her kelimenin bir tek bir ve bir kelimenin iki gibi görünmemesini sağlar.
Lider: İki metin satırı arasındaki mesafe. Doğru lider, metin paragrafını okumayı kolaylaştırır.
İzleme: Mektupları bir bütün olarak kelimelerle kontrol etmek, bireysel karakterler değil. Yani, sadece “t” ve “h” arasındaki boşluğu “bu” kelimesinde ayarlamak yerine, dört harf arasındaki mesafeyi aynı anda ayarlayacaksınız.
Üç illüstrasyonun ardından:
İdeal olarak, satırlar ve harfler arasındaki mesafe, özellikle paragraflar şeklinde insanların okumasını kolaylaştıracaktır. Merak etme; Bununla ilgili daha fazla bilgi edinmek eğlenceli olabilir! Size doğrudan uygulama sağlayan bazı harika çevrimiçi oyunlar var. 2. Marka kimliğinizin marka kimliğini düşünün, sizi ayıran şeydir. Bu sizin iş kişiliğiniz. Ve seçtiğiniz yazı tipi, halihazırda var olan potansiyel müşterilere ve müşterilere kişiliği gösteren bir bileşendir. Peki sitenizde hangi duyguları göstermek istiyorsunuz? Eğlenceli ve eşsiz mi? Profesyonel ve güvenilir mi? Sofistike ve zarif mi? Bazı sitelerin markalarını temsil etmek için yazı tiplerini nasıl kullandığına bakalım. Scratch Pet Food’un çok samimi bir markası var ve yazı tipleri bunu yansıtıyor. Başlıklar için ekstra kalın sans serif ve içerik metni için daha hafif serif sans kullanırlar.
FLWR bir çiçek tasarım stüdyosudur ve düğünler gibi özel etkinlikler için tasarlandıkları için, yazı tiplerinin zarif ve güzel olması mantıklıdır. Modern serif ve ince serif sans’ları, buketleriyle eşleşen sipariş edilen ilk görünüm için birleştirirler. Ryanair Company web sitesi, şirket – ve yazı tipleri bunu yansıtıyor. İçeriğin başlığı ve metni için aynı profesyonel ve basit yazı tipi sürümünü seçtiler. Bu sert görünmeden bir profesyonel. Bu üç işletmenin insanların markalarıyla ilişkilendirilmesini istedikleri duyguları iletmek için nasıl yazı tipleri kullandığını görüyor musunuz? Aynı şeyi yapabilirsiniz. Mükemmel görünümü bulana kadar yazı tipleriyle oynamaktan korkmayın. 3. Sitenize bulduğunuz tüm harika yazı tiplerini girmeye cazip gelse de, yalnızca birkaç yazı tipi kullanın, yine de birkaç tane kullanmalısınız. Değilse, mağazanız her yere kesilmiş ve yayılabilir ve ziyaretçiler için gürültülü bir deneyim yaratabilirsiniz. Yazı tipinizi seçerken, ikisinin iyi çalışıp çalışmadığını görmek için farklı bir senaryoda eşleştirin. Başlık için bir yazı tipi, içerik metni için başka bir yazı tipi seçebilirsiniz. Aynı yazı tipi türünden sapmadan metni ayırt etmek için kalın harfler veya büyük harfler gibi yazı tipi varyasyonlarını da kullanabilirsiniz. Örneğin, başlıklar ve içerikler için aynı yazı tipini kullanın. Başlıklar için tüm büyük harfli sürümleri ve içerik metni için daha hafif sürümleri kullanırlar. Bununla birlikte, daha fazla kişilik eklemek için, bazen ürünlerine dahil olan karameli taklit eden komut dosyası yazı tipleri kullanırlar. Bu senaryo, tutumlu kullanıldığında, önemli kavramları vurgulamak ve sitelerini otantik ve benzersiz hissettirmek için etkili bir şekilde. Çocuk ürünleri satan bir dükkan olan Scrolino, başlıkları için çok kolay erişilebilir ve hafif olan serif yazı tiplerini kullanıyor. İçerik metninin okunması ve eğlenceli olması için temiz ve basit bir sans serif ile eşleştirdiler. 4. Doğru yazı tipi boyutunu seçin Metniniz, görme bozukluğu olanlar da dahil olmak üzere site ziyaretçileri tarafından okunacak kadar büyük olmalıdır.Genel olarak, 16px kullanmanız gereken minimum ölçümdür, ancak yazı tiplerine göre değişebilir.Örneğin, bazı yazı tiplerinin daha küçükken okunması daha zordur.Mümkünse, metninizi kontrol etmelerini ve okumanın kolay olup olmadığını görünten gerçek kişilerden isteyin.Ve masaüstü, tablet ve cep telefonu – her türlü cihazda incelediğinizden emin olun.Screenfly gibi araçlar bu işlemi çok daha basit hale getirir.
Öğretmenler için müfredat ve diğer kaynaklar sunan bir şirket olan Hegerty, çok büyük bir yazı tipi boyutu kullanıyor. Tasarımı devralacak şekilde çok büyük olmasa da, tüm cihazlarda basit ve okunması kolaydır. 5. Erişilebilirliği düşünün Bir web sitesi oluşturduğunuzda erişilebilir, fiziksel veya zihinsel bozuklukları olan kişiler de dahil olmak üzere her ziyaretçinin kullanmasını kolaylaştırırsınız. Yazı tiplerinin kullanımını optimize etmek de dahil olmak üzere çevrimiçi mağazanızın erişilebilirliğini artırmak için yapabileceğiniz çeşitli şeyler vardır. Bunlardan biri, metninizin yukarıda tartışıldığı gibi okunacak kadar büyük ve çok karmaşık olmamasını sağlamaktır. Ama aynı zamanda renk kontrastını da düşünmek istiyorsunuz. İster düz renk, desen veya görüntü olsun, arka planından bağımsız olarak metninizin okunması kolay olduğundan emin olmanız gerekir. Kontrast oranı 1: 1 (beyazın üzerinde beyaz) ile 21: 1 (beyazın üzerinde siyah) arasında değişir. Metinle aradığınız kontrast oranı içerik metni için 7: 1 ve başlık için 4.5: 1’dir. Sitenizi renk kontrast oranları ve diğer erişilebilirlik faktörleri için analiz etmek için dalga erişilebilirliğini kullanabilirsiniz. Track 7 Brewing, karanlık arka planda iyi renk kontrast oluşturur. Verandalarında parlak beyaz veya turuncu metin kullanıyorlar, böylece arkasındaki karanlık görüntüden öne çıkıyorlar. 6. Paragraflardaki tüm büyük harflerden kaçının, tüm büyük harfler açıklama yapmak için iyi olsa da, metnin gövdesinde okunması çok zor olabilir. Beyinlerimiz sadece büyük tutma metnini paragraflar şeklinde işlemekte zorluk çekiyor, bu da okumayı daha yavaş ve daha zor hale getiriyor. Bu nedenle, tüm büyük harfleri kullanmak istiyorsanız, tasarrufu ve yalnızca başlıkta kullanın. Veer bunu yaptı – tüm büyük harfler sitelerinde puan vermek ve dikkat çekmek için çok etkilidir, ancak paragraflarda bundan kaçınırlar. Güvenli bir web yazı tipi ne olacak? Tarayıcı oluşturma ve yazı tiplerini web boyunca farklı şekilde yükler. Güvenli web yazı tipleri, iyi görünen ve her tarayıcıda ve her cihazda düzgün yüklenen yazı tipleridir. Ve markanız için seçtiğiniz harika özel yazı tipini kaçırmanıza gerek olmasa da, yazı tipi yığınınıza – sitenizde kullandığınız yazı tipi koleksiyonuna güvenli bir web seçeneği eklemek istersiniz. Bunu yapmak temel olarak mağazanız için bir yedek yazı tipi ayarlayın ve bir nedenden ötürü, özel yazı tipiniz ziyaretçiler için yüklenmeyecekse metnin nasıl görüntülendiği konusunda tam bir kontrol sağlayın. Örneğin, tarayıcıya özel yazı tipiniz mevcut değilse bir playfair kullanmasını, Playfair bir seçenek değilse Georgia ve her ikisi de çalışmıyorsa varsayılan yazı tipini söyleyebilirsiniz. Kinsta, sitenize güvenli yedek web yazı tipleri eklemek için bazı iyi öneriler sunar. Web siteniz için yazı tipleri nerede bulabilirsiniz Peki çevrimiçi mağazanız için nasıl iyi bir yazı tipi bulabilirsiniz? İlk adımınız, seçtiğiniz seçenekleri kullanma konusunda yasal haklara sahip olduğunuzdan emin olmaktır. Bazıları tüm destinasyonlar için ücretsiz, diğerleri tüm destinasyonlar için premium ve diğerleri sadece kişisel kullanım için ücretsizdir. Lisansın yazı tipiniz için nasıl çalıştığını anlamak için zaman ayırın. Web sitesi yazı tipleri için bazı iyi kaynaklar: Google Yazı Tipleri: Google yazı tipleri, kişisel ve ticari kullanım için mevcut geniş bir ücretsiz kitaplık içerir. Aksiyon yazı tiplerini gözden geçirmek için araçlarını da kullanabilirsiniz. Temanız: Birçok WordPress teması, bazen web sitenizde kullanabileceğiniz Google Fonts gibi kaynaklardan yazı tipi kitaplıklarını içerir.
Yaratıcı pazar: Dijital varlıklar için çevrimiçi pazar olan Creative Market, çeşitli stillerde çok güzel ve benzersiz yazı tipleri sunar. Sincap Yazı Tipi: Bu kaynak, kategorilere göre yazı tiplerini sıralar ve bunları yapmanıza olanak tanır. Ancak dikkatli olun, seçenekler sadece kişisel kullanım içindir, bu nedenle ne tür indirdiğinizi bildiğinizden emin olun. Adobe Fonts: Bu, yaratıcı bulut lisansı olan işletmeler için yüksek kaliteli bir tipografidir. Woocommerce sitenizde yazı tipleri nasıl değiştirilir Şimdi yazı tipinizi seçtiniz, sitenize uygulama zamanı. Bunu yapmanın üç ana yolu vardır: 1. Temanızı daha önce de belirtildiği gibi kullanın, birçok tema yazı tipi kitaplıklarını içerir. Bazıları yazı tipini kendi ayarlarının panelinde sitenize uygulamanıza izin verir. Veya yazı tipini WordPress özelleştirici kullanarak ayarlayabilirsiniz:
WordPress kontrol panelinizde görünümü aç → Ayarlayın.
Yazı tipi seçeneğine tıklayın.
Her bir metin-başlık, taban yazı tipi vb. İçin gerilmenleri açın. – ve yazı tiplerini seçin. Yazı tipini her değiştirdiğinizde, sitenizin önizlemesi güncellenir, böylece görünümü uygulamadan önce test edebilirsiniz.
Özelleştiricide, yazı tipi stili (kalın, eğik vb.) Ve boyut seçeneklerini de ayarlayabilirsiniz. 2. Bir eklenti kullanın, temanız yazı tipleri içermiyorsa veya kullanmak istediğiniz yazı tiplerini sunmuyorsa, en kolay seçenek eklentileri kullanmaktır. Çeşitli seçenekler mevcuttur, ancak Google yazı tipini kullanmak istiyorsanız, Google Font WP iyi bir seçimdir. Bu, tüm Google yazı tipi kitaplıklarına erişim sağlar, ardından sitenizin başlıkları, paragraflar ve listeler gibi çeşitli alanlarına ayrı ayrı yazı tiplerini uygulamanıza olanak tanır. Başka yerlerden özel bir yazı tipi kullanmak istiyorsanız, özel yazı tipi eklentisini deneyin. Bu, daha basit ayarlar için kendi yazı tiplerinizi yüklemenize ve hatta popüler temalar ve sayfa yapımcılarıyla entegre olmanızı sağlar. 3. Özel bir kod kullanın Koca alışkınsanız, iki seçeneğiniz daha vardır: kendi sitenizde ana bilgisayar yazı tipi ve metin alanına uygulamak için kodu kullanın
Üçüncü -Party Kaynaklarından (Google Font gibi) ve Antrekan’dan yazı tipleri
Daha fazla ayrıntı ve talimat için Kinsta’dan bu makaleye bakın. Yaratıcı olun, ancak basitin yazı tipinizle eğlenmek olduğunu unutmayın! Markanızla yaratıcı olun ve şirketinizin nüanslarını en çok temsil eden seçeneği seçin. Ancak, aynı zamanda, Basit’in genellikle alınması gereken bir yol olduğunu unutmayın. Dört veya beş farklı seçenek kullanarak okunması kolay ve çok karmaşık olmayan bir yazı tipi seçin. Kitleniz en önemli önceliğiniz olmalıdır.
