E-posta Pazarlama ve OtomasyonPazarlama İnfografikleri

E-posta Güvenli Yazı Tipleri ve HTML E-posta Yazı Tipi En İyi Uygulamaları

Yıllardır e-posta desteğinde ilerleme sağlanamadığına dair şikayetlerimi hepiniz duymuşsunuzdur, bu yüzden bu konuda sızlanarak (çok fazla) zaman harcamayacağım. Keşke büyük bir e-posta istemcisinin (uygulama veya tarayıcı) paketten çıkıp en son sürümlerini tam olarak desteklemeye çalışmasını diliyorum. HTML ve CSS. Şirketlerin e-postalarına ince ayar yapmak için on milyonlarca dolar harcadığına hiç şüphem yok.

Bu nedenle Uplers gibi e-posta tasarımının her alanında uzman olan şirketlerin olması harika. Bu en son infografikte ekip, tipografiyi ve e-postalarınızı özelleştirmek için farklı yazı tiplerinin ve bunların özelliklerinin nasıl kullanılabileceğini size gösteriyor.

E-postada Özel Yazı Tiplerini Kullanma

Harici yazı tiplerini kullanmak, e-posta istemcileri arasındaki değişen destek nedeniyle standart web tasarımına göre biraz daha zorlayıcı olabilir. Ancak, bunları destekleyen müşteriler için e-postalarınıza harici yazı tipleri eklemek, desteklemeyenler için ise yedek yazı tipleri sağlamak hala mümkündür.

Artık e-posta istemcilerinin %60'ı, AOL Mail, Yerel Android Mail Uygulaması (Gmail değil), Apple Mail, iOS Mail, Outlook 200, Outlook.com ve Safari tabanlı e-posta dahil olmak üzere e-posta tasarımlarınızda kullanılan özel yazı tiplerini desteklemektedir.

Upler

A geri çekil yazı tipi, e-posta istemcisinin birincil (harici) yazı tipini oluşturamaması durumunda görüntüleyebileceği bir yedek yazı tipidir. Bu, e-postanızın okunabilir kalmasını ve farklı görüntüleme ortamlarında amaçlanan görünümünü olabildiğince yakın tutmasını sağlar.

  1. Harici Yazı Tipinizi Seçin: Kullanmak istediğiniz harici yazı tipini seçin. Bu, Google Fonts gibi bir hizmetten veya web sunucunuzda barındırılan bir yazı tipinden olabilir.
  2. Yazı Tipini E-posta HTML'nize ekleyin: Bunu destekleyen e-posta istemcileri için, harici yazı tipine bağlantı vereceksiniz. <head> e-posta HTML'nizin. Ancak birçok e-posta istemcisi, güvenlik nedeniyle dış kaynaklara bağlantı verilmesine izin vermez. Bunun yerine, harici bağlantılara izin veren web posta istemcilerinin bunu oluşturacağını umarak yazı tipini bir bağlantı olarak ekleyebilirsiniz.
  3. Yedek Yazı Tiplerini Belirtin: Görünüm olarak harici yazı tipinize benzeyen web uyumlu yedek yazı tiplerini seçin. Bunlar, çoğu cihaza ve işletim sistemine önceden yüklenmiş genel yazı tipi aileleri olmalıdır.
  4. Stil Tanımları için Satır İçi CSS'yi kullanın: Birçok e-posta istemcisindeki sınırlı CSS desteği nedeniyle, yazı tipi aileleri de dahil olmak üzere stillerinizi tanımlamak için satır içi CSS kullanmak en iyi uygulamadır.

Örnek:

Harici yazı tipini kullanmak istediğinizi varsayalım Açık Sans Google Fonts'tan, yedek olarak Arial ve sans-serif kullanılarak. İşte bunu nasıl deneyebilirsiniz:

<!DOCTYPE html>
<html>
<head>
  <title>Email with External Font</title>
  <!-- Attempt to include external font - not supported by all email clients -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
  <div style="font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;">
    Hello, this is a sample text using Open Sans, with Arial and sans-serif as fallbacks.
  </div>
</body>
</html>

Önemli Hususlar:

  • E-posta İstemcisi Desteği: Birçok e-posta istemcisi, özellikle Microsoft Outlook gibi masaüstü istemcileri, harici yazı tiplerini desteklemez. Gmail gibi web tabanlı istemciler daha iyi desteğe sahiptir ancak sınırlamalar hâlâ mevcuttur.
  • Yedek Yazı Tipleri: Bunlar, e-postanızın tüm müşteriler için işlevsel ve estetik açıdan hoş kalmasını sağlamak için çok önemlidir. İçindeki sıra font-family stil en çok tercih edilen yazı tipinden en az tercih edilen yazı tipine doğru giderek genel bir aileyle biter (sans-serif or serif).
  • Test yapmak: Nasıl oluşturulduklarını görmek için her zaman HTML e-postalarınızı çeşitli e-posta istemcilerinde test edin. Litmus veya Email on Asit gibi araçlar bu konuda yardımcı olabilir.

Satış ve pazarlama e-postalarında görsel çekicilik, mesajın etkinliğini önemli ölçüde etkileyebilir. Benzersiz bir harici yazı tipi kullanmak, e-postalarınızın öne çıkmasına yardımcı olabilirken, yedek yazı tiplerinizin, mesajınızın etkili bir şekilde alınması için gerekli profesyonel ve okunabilir nitelikleri korumasını sağlamak çok önemlidir.

E-postada Kullanılan 4 Yazı Tipi Türü Vardır

  • Şerif – Serif yazı tiplerinin, vuruşlarının uçlarında süslü harfler, noktalar ve şekiller bulunan karakterler bulunur. Resmi bir görünüme, iyi aralıklı karakterlere ve satır aralığına sahiptirler, bu da okunabilirliği büyük ölçüde artırır. Bu kategorideki en popüler yazı tipleri Times, Georgia ve MS Serif'tir.
  • Serifsiz – Sans serif yazı tipleri, kendilerine ait bir izlenim yaratmak isteyen ve herhangi bir süslü süslemeye sahip olmayan asi türler gibidir. Görünüm yerine pratikliği ön plana çıkaran yarı resmi bir görünüme sahiptirler. Bu kategorideki en popüler yazı tipleri Arial, Tahoma, Trebuchet MS, Open Sans, Roboto ve Verdana'dır.
  • Monogram - Daktilo yazı tipinden ilham alan bu yazı tiplerinde karakterlerin sonunda bir blok veya 'döşeme' bulunur. Bir HTML e-postasında nadiren kullanılsa da, MultiMIME e-postalarındaki 'geri dönüş' düz metin e-postalarının çoğu bu yazı tiplerini kullanır. Bu yazı tiplerini kullanarak bir e-postayı okumak, devlet belgeleriyle ilişkili idari bir his verir. Courier bu kategoride en sık kullanılan yazı tipidir.
  • Kaligrafi – Geçmişin el yazısı harflerini taklit eden bu yazı tiplerini diğerlerinden ayıran şey, her karakterin takip ettiği akıcı harekettir. Bu yazı tiplerini somut bir ortamda okumak oldukça eğlencelidir ancak bunları dijital ekranda okumak oldukça hantal ve göz yorucu olabilir. Dolayısıyla bu tür yazı tipleri çoğunlukla başlıklarda veya logolarda statik görseller olarak kullanılır.

E-postayla uyumlu yazı tipleri arasında Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet ve Verdana bulunur. Özel yazı tipleri pek çok aileyi içerir ve bunları desteklemeyen istemciler için yedek yazı tiplerinde kodlama yapmak gerekir. Bu şekilde, istemci özelleştirilmiş yazı tipini destekleyemezse destekleyebileceği bir yazı tipine geri döner.

Arial

font-family: Arial, sans-serif;

font-family: Georgia, serif;

Helvetica

font-family: Helvetica, sans-serif;

Lucida

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 

Tahoma

font-family: Tahoma, Geneva, sans-serif;

Zamanlar

font-family: 'Times New Roman', Times, serif;

mancınık

font-family: 'Trebuchet MS', sans-serif;

Verdana

font-family: Verdana, Geneva, sans-serif;

Daha derinlemesine bir bakış için mutlaka okuyun Omnisend'in madde: 

E-posta Güvenli Yazı Tipleri ve Özel Yazı Tipleri: Onlar Hakkında Bilmeniz Gerekenler

E-posta Bilgi Grafiğinde Tipografi
Kaynak: Upler

İnfografikle etkileşime geçmek istiyorsanız tıkladığınızdan emin olun.

Douglas Karr

Douglas Karr CMO'su AÇIK İÇGÖRÜLER ve kurucusu Martech Zone. Douglas düzinelerce başarılı MarTech startup'ına yardımcı oldu, Martech satın almaları ve yatırımlarında 5 milyar doların üzerindeki durum tespitine yardımcı oldu ve şirketlere satış ve pazarlama stratejilerini uygulama ve otomatikleştirme konusunda yardımcı olmaya devam ediyor. Douglas, uluslararası alanda tanınan bir dijital dönüşüm ve MarTech uzmanı ve konuşmacısıdır. Douglas aynı zamanda Dummie's Guide ve iş liderliği kitabının yayınlanmış yazarıdır.

İlgili Makaleler

Başa dön düğmeye
Kapanış

Adblock Algılandı

Martech Zone sitemizden reklam geliri, bağlı kuruluş bağlantıları ve sponsorluklar yoluyla para kazandığımız için size bu içeriği ücretsiz olarak sağlayabilir. Sitemizi gezerken reklam engelleyicinizi kaldırırsanız seviniriz.