Tipografi Ve Email Dostu Fontlar

DirectIQ ekibi olarak sizleri en baştan beri imaj değil HTML email şablonları kullanmaya yönlendirdiğimizi biliyorsunuz. Bu sayede hem gönderilerinizi açan aboneleriniz, imajların yüklenmesini beklemeden mesajınızı okumuş oluyor hem de kampanyalarınızın spam filtrelerine takılma ihtimali düşüyor. Peki bize email şablonlarda hangi fontları kullanabileceklerini soranlara ne cevap vermeliyiz?

Önüm, arkam, sağım, solum tipografi

Haklısınız, tipografi son bir kaç on yılın kurumsal iletişiminde en önemli başlıklardan biri. Steve Jobs adında yetenekli bir genç adam, dağınık çalışma odalarında bilgisayar başında geç saatlere kadar oturan ve görünüşüne dikkat etmeyen bilgisayar kurtlarını grafik tasarım ve tipografinin ön planda olduğu yepyeni bir paradigma ile tanıştırdığından beri 30 yıldan fazla süre geçmiş. Bu yeni dünyada kim Rockwell, Franklin Gothic ya da Gotham gibi nefis bir fontu kullanmak istemez ki?

Ne var ki aboneleriniz, DirectIQ ya da başka bir email sistemi üzerinden gönderdiğiniz email kampanyalarını 30’dan fazla değişik email programı ya da webmail sistemi ile açıyorlar. Bu program ve sistemlerin her biri farklı font’ları destekliyor. Hazırladığınız tasarımların herkes tarafından aynı şekilde görüntülenmesini istiyorsak ne yazık ki uymamız gereken bazı evrensel kurallar var. (Aslında web fontlarının internet sitelerinde olduğu gibi email tasarımlarında da özgürce kullanılabildiği kimi özel durumlar yaratabiliyoruz ama bu başka bir yazının konusu.)

Email tasarımında hangi fontlar kullanılmalı?

Email uyumlu (email safe) fontlar aslında hem Windows, hem Mac hem de mobil cihazlarda (akıllı telefon ve tabletlerde) ortak kullanılan ya da birbirinin çok benzer yedekleri olan fontlar. Windows ve Mac’teki yaygın fontların karşılıklarını DirectIQ tasarımcıları sizin için aşağıdaki tabloda çok güzel derlediler.

HTML email tasarımı için ipuçlarında size anlattığımız gibi, ‘inline CSS’ yazarak kullanacağımız font’ları birbirinin yedeği olarak yerleştirebiliriz. Böylece, örneğin Mac’te yüklü geldiği halde Windows’ta olup olmadığından emin olamayacağınız Helvetica’yı, daha az yakışıklı kuzeni Arial yerine tercih etmek isteyebilirsiniz. Bunu yaparken Helvetica olmayan sistemlerin en azından Arial ile yetinmesini sağlayabilirsiniz. CSS’te genel olarak ‘fallback’ olarak yerleşmiş bu terimin Türkçe’de herkesi tatmin eden bir karşılığı yok. (Belki ‘geri dönüş’…) Bakın nasıl yapıyoruz:

 

Helvetica sevgisi

 

Yukarıdaki kod, bir tablo hücresi içindeki yazıların Helvetica yüklü bilgisayarlarda Helvetica fontuyla görüntülenmesini garanti altına alır. Helvetica bulunmadığında ise Arial ile görüntüler. Her ikisini de bulamadığı zaman (çok küçük bir ihtimal ama hazırlıklı olmakta fayda var) herhangi bir ‘sans serif’ font kullanılmasını sağlar.

Bu yöntemi kullanarak ve şansınızı biraz zorlayarak favori fontlarınızı email kampanyalarınızın bir parçası haline getirip getirmemek size kalmış. Biz DirectIQ’da, email marketing yapan herkese sağlamcı davranmayı önermemizle meşhuruz!

Ve ötesi…

Web font dediğimiz yöntem son yıllarda web sitelerinde neredeyse istediğiniz her fontun kullanılmasını sağladıysa da (aynı bu sitede olduğu gibi) HTML email dünyasında hala deneysel ve ‘niche’ bir teknoloji olarak kalmış durumda. @import* CSS ya da @font-face gibi yöntemlerle Google Web Fontları ya da Adobe Typekit ile çalışmaya alışmış cesur tasarımcılar için bu konuyu başka bir DirectIQ makalesinde ele alacağız.