E-mailová typografie: 8 nejlepších písem pro e-maily (a nápady na vlastní e-mailová písma)

Většina firem se solidní sledovaností již plně využila všech možností e-mailového marketingu. E-mailové newslettery, autorespondery, na co si vzpomenete. E-mailový marketing je důsledným způsobem, jak držet prst na tepu potřeb svých zákazníků a zároveň propagovat všechny nejnovější produkty nebo služby, které máte v nabídce.

Skutečnost, že můžete oslovit zákazníky dlouho poté, co opustili vaše webové stránky, je tak mocná. Nicméně jakýkoli starý e-mail vám prostě stačit nebude. To, jak obsah e-mailu prezentujete, je zásadní součástí toho, jak zaujmout pozornost a přimět zákazníky, aby si e-maily skutečně přečetli, místo aby je na první pohled smazali.

Design zde hraje zásadní roli. Jedním z nejdůležitějších aspektů, kterému je třeba věnovat pozornost, je však pravděpodobně výběr písma. Písma bezpečná pro e-maily usnadňují zákazníkům čtení toho, co jim chcete sdělit, což znamená, že s větší pravděpodobností dosáhnete konverze.

O tom si dnes povíme.

Co jsou to písma bezpečná pro e-maily?

Je lákavé používat pro své e-maily efektní písma. Chcete přece udělat pozitivní dojem. A chcete, aby váš obsah vynikl. Speciální písma se však ne vždy zobrazí správně ve všech e-mailových klientech. Ve skutečnosti, pokud písmo není podporováno, může e-mailový klient nakonec použít náhradní písmo, které může v lepším případě zkazit zamýšlený tón nebo v horším případě zakrýt čitelnost vašeho obsahu.

Proto se důrazně doporučuje, abyste se při vytváření e-mailového marketingového obsahu drželi pouze písem bezpečných pro e-maily. Ke konkrétním informacím se dostaneme za chvíli. Nejprve si ale krátce probereme, jak může mít správná volba písma skutečně velký vliv na míru konverze.

To, jak své e-maily prezentujete, může rozhodnout o tom, zda si je vaše publikum přečte… nebo je rovnou pošle do koše. 😬 🗑 Přečtěte si více o bezpečných písmech pro e-maily a proč je potřebujete ⬇️Klikněte na Tweet

Jak dobrá písma zvyšují konverze

Většina lidí stráví nad e-maily pouze 11 sekund. To znamená, že všechna písma, která zvolíte, musí být dobře čitelná a skenovatelná. Musí nabízet ono pohodlí „na první pohled“. Často to znamená spoléhat se na standardní písma, která už každý zná. Zní to nudně? Alternativa je horší. Ve skutečnosti lidem trvá dvakrát déle, než přečtou efektní písma. A pokud lidé stráví nad e-mailem pouze 11 sekund, je to spousta promarněného času.

Nejde však jen o to, jaké písmo zvolíte, a to má vliv na konverze. Záleží také na velikosti zvoleného písma. Podle výzkumu provedeného společností Click Laboratory může mít totiž mírné zvětšení velikosti písma obrovský vliv na míru konverze.

Výzkum zahrnoval zvětšení bloku textu nastaveného na písmo Arial z 10pt na 13pt. Bylo také přidáno více místa mezi řádky textu. Verze písma 13pt fungovala mnohem lépe, protože obsah byl nyní snadnější pro oči a čitelnější.

Tato malá změna snížila bounce rate o 10 % a zvýšila konverzní poměr o neuvěřitelných 133 %! A to vše jen díky zvýšení velikosti písma o dva body!

Výběr písma má i psychologický význam. Týká se to hlavně logotypů, ale vyplatilo by se mít tyto informace na paměti i při výběru písma pro e-maily. S určitými typy písem jsou spojeny určité „pocity“. According to Crazy Egg, the five main font types elicit different emotions or associations:

Serif Fonts

Examples include Times New Roman, Baskerville, and Georgia. Serif fonts exude a sense of respectability, reliability, and tradition. Older brands (or those that want to appear as though they’ve been around for decades) make solid use of these sorts of fonts to instill confidence. The Tiffany & Co logo serves as a solid example.

Vogue, too:

Sans Serif Fonts

Examples include Helvetica, Calibri, and Franklin Gothic. Sans serif fonts give off a modern look that’s clean, simple, and straightforward. These fonts give off the impression of reliability and stability. Sans serif fonts are very corporate-looking. Netflix features a sans serif font:

Modern Fonts

Examples include Futura and Century Gothic. Modern fonts can appear stylish, chic, or give an overall sense of strength. Hulu’s logo is a popular example of one using a modern font:

Script Fonts

Examples include Edwardian Script and Bickham Script. Script fonts will likely not be a wise choice for use in your emails. However, they do make an impact when used in logos and that could work for graphical elements. Coca-Cola is a timeless example of a script font used well:

Display Fonts

Examples include Cooper and Valencia. Words and feelings commonly associated with display fonts include a sense of individuality or uniqueness, friendliness, or expressiveness. U logotypů (a případně záhlaví) mohou zobrazovací písma skutečně zapůsobit a vyniknout. Společnost Disney nabízí jedno z nejznámějších log na světě, které je vybaveno zobrazovacím písmem:

S těmito informacemi můžeme nyní přejít k tomu, jak můžete vybrat nejlepší písmo pro e-maily.

Emailová typografie: Jak vybrat nejlepší písmo

Teď už znáte pět základních typů písem, která jsou k dispozici (kromě symbolů, předpokládám). A víte, že různé typy písma vyvolávají u zákazníků různé emoce. Jak se ale znalost typu písma, které používá Coca-Cola, promítne do výběru správného písma pro vaše e-mailové newslettery?

Ponořme se do toho.

Každé písmo, které vyberete pro použití ve firemních e-mailech, musí obsahovat následující 4 vlastnosti:

Kvalita č. 1: Čitelnost

Tuto vlastnost jsme již zmínili, ale je třeba ji zopakovat, protože je zdaleka nejdůležitější. Pokud nebude písmo čitelné, nikdo nebude schopen vaše e-maily přečíst. A pokud je nebude možné přečíst, rozhodně nemůžete očekávat konverze, že?

Kvalita č. 2: Přehlednost

Čisté, ostré písmo s přesnými linkami je to, co bude v e-mailové kopii fungovat nejlépe. Nic s rozkvetlým písmem nebo čtverečky. A už vůbec ne nic se supertenkými nebo světlými linkami. Lepší jsou také větší velikosti písma. Zvětšete písmo o jeden nebo dva body, než je obvyklé, zajistěte přiměřenou váhu písma (ale ne tučné) a snažte se o řádkování 1,15.

Kvalita #3: Psychologicky vhodné

Jak bylo uvedeno výše, s určitými typy písma jsou spojeny specifické pocity. Ujistěte se, že vybrané písmo (písma) odpovídá (odpovídají) celkové náladě, kterou se snažíte svým obsahem vyjádřit, a také účelu obsahu. Působit důvěryhodně nebo jako autorita může být přínosné, pokud se například snažíte něco prodat.

Kvalita č. 4: Vhodné pro značku

Podobně by každé písmo, které vyberete, mělo dávat logický smysl pro použití ve vašem oboru nebo nice. Pokud vaše společnost působí staromódním dojmem, použití supermoderního písma nebo písma ve stylu displaye by nebylo vhodné. Podobně pokud provozujete společnost založenou na technologiích, něco rustikálního nebo formálního by pravděpodobně také nebylo nejvhodnější. Vše se odvíjí od toho, co vám připadá správné.

8 nejlepších písem pro e-mail

Definovali jsme písma bezpečná pro e-mail. Také jsme si řekli, jak můžete výběr písma zúžit. Nyní je však čas přejít ke konkrétním informacím o tom, která písma jsou skutečně bezpečná pro e-maily a jak přemýšlet mimo rámec, aniž byste obětovali čitelnost nebo poškodili konverzní poměr.

Základní písma bezpečná pro e-maily

Existuje základní sada čitelných (i když nudných) písem bezpečných pro e-maily, která dokáže rozpoznat většina e-mailových klientů. Let’s take a look at each of those now.

Arial

Arial is a very commonly used typeface. It was originally created in 1982 by Patricia Saunders and Robin Nicholas of Monotype Imaging. Though originally designed for use in an IBM laser printer, it has since become a web content favorite.

Verdana

Verdana is a font that was designed with screen displays in mind. It was developed by Matthew Carter and features wide characters and large spacing between each character to improve on-screen legibility. It’s another staple choice supported by most email clients.

Helvetica

And then there’s Helvetica, one of the most popular fonts currently in existence. Je čitelné, dobře se čte a podporuje ho většina programů pro zpracování textu, e-mailových klientů a webových prohlížečů.

Georgia

Georgia je další písmo, které často najdete podporované v e-mailových klientech. Je ve své podstatě čitelné, vyznačuje se písmeny s velkými rozestupy a používá design znaků, díky němuž je každé písmeno odlišné, aby nedošlo k záměně. Existuje také dobrá variabilita mezi běžnou a tučnou váhou, díky které je užitečné pro větší zdůraznění.

Tahoma

Tahoma je další možností, kterou podporuje většina e-mailových klientů. Je to jedna z nejoblíbenějších rodin bezpatkových písem v operačních systémech Windows. Bylo vytvořeno s ohledem na zobrazení na obrazovce, přičemž jasnosti a čitelnosti lze dosáhnout i při menších velikostech písma. It was originally created by Matthew Carter.

Lucida

Or, you could use Lucida, another sans font family that prioritizes clean lines, a clear style, and distinct letterforms. Letter spacing is wider than standard and each character is a bit taller as well, adding more elements of legibility.

Trebuchet

Trebuchet is another option available that you could easily use in your email designs. It was created by Vincent Connare in 1996 and is a sans serif font. It was designed for screen reading and features larger line-heights, rounded edges, and wider character spacing.

Times New Roman

Lastly, there’s Times New Roman, a font that really doesn’t need much of an introduction. Má tradiční vzhled a často se používá jako výchozí volba písma v programech pro zpracování textu. Je čitelné na obrazovce i v tisku.

Váš e-mailový klient může mít přístup k dalším písmům, ale výše uvedená jsou nejčitelnější a nejčastěji rozpoznatelná.

Vlastní e-mailové fonty

Pokud se vám nelíbí základní výběr fontů, je tu další možnost. Místo nich můžete použít písma HTML a vytvořit tak vlastní vzhled. Je však důležité si uvědomit, že ne každá služba e-mailového marketingu umí nebo bude umět správně zobrazit webová písma.

Nejprve se však zastavme u toho, jak webová písma fungují.

Jak fungují webová písma

Webová písma, jak už jejich název napovídá, existují pouze na webu. Nejsou součástí operačních systémů, zařízení, aplikací ani softwaru. Existují online a do vašich projektů je pak můžete přidávat pomocí fragmentů kódu, zásuvných modulů a dalších prostředků. Nejčastěji se setkáte s tím, že webová písma se používají na webových stránkách. V současné době podporuje používání webových písem několik e-mailových klientů, například:

• Android Mail
• Apple Mail
• iOS Mail
• Outlook 2000
• Outlook.com App
• Thunderbird

Ve všech těchto e-mailových klientech však nejsou webová písma podporována stejným způsobem. Některé vyžadují pouze odkaz, zatímco jiné vyžadují fragment kódu, který webové písmo importuje. O tom se více dozvíte za chvíli. Nejprve je důležité si uvědomit, že i když e-mailový klient nepodporuje vámi vybrané webové písmo (nebo způsob jeho začlenění), váš obsah nemusí nutně vypadat hrozně.

Většina e-mailových klientů obsahuje nouzovou možnost. To znamená, že pokud se webové písmo obsažené v e-mailu nenačte správně, e-mailový klient místo něj zobrazí náhradní písmo. Obvykle se jedná o jednu z obecných možností, které jsme uvedli výše, ale dobré na tom je, že a) váš obsah bude stále čitelný, b) váš obsah nebude vypadat ani z poloviny špatně, protože standardní písma se stala standardem z nějakého důvodu (jsou prostě dobře čitelná) a c) často si můžete vybrat, které písmo chcete použít jako náhradní.

Abychom vám přiblížili, co máme na mysli, ve službě Gmail je výchozím písmem Arial, zatímco Apple Mail používá Helvetica. Outlook používá Calibri, zatímco iOS používá San Francisco (písmo, které Apple vytvořil speciálně pro svá zařízení a které bylo do značné míry inspirováno Helvetica Neue.

Pokud se rozhodnete používat webová písma, měli byste je před spuštěním otestovat na různých platformách.

Některé služby e-mailového marketingu již podporu webových písem obsahují. Například služba Campaign Monitor obsahuje několik možností webových písem ve svém nástroji pro tvorbu e-mailů metodou drag-and-drop a možnosti fallback jsou za vás nastaveny automaticky s minimem starostí.

Pokud vaše platforma pro e-mailový marketing neobsahuje podporu webových písem nativně, je pravděpodobné, že ji můžete přidat pomocí kódu.

Existuje několik fragmentů kódu, které můžete použít pro vložení webových písem do e-mailů HTML.

<link>

Použití <link> k přidání webových písem do e-mailů je oblíbenou volbou. Jakékoli zvolené webové písmo za vás definuje adresu URL. Pokud tedy písmo hostujete sami, změňte na svém webu adresu URL písma. Pokud je písmo hostováno u prodejce webových písem, použijte jím poskytnutou adresu URL.

Úryvek kódu umístíte do části <head> kódu e-mailu. Měl by se objevit hned na začátku. Tuto metodu podporuje většina e-mailových klientů a načítá se poměrně rychle. Pokud je však soubor s webovým písmem větší, můžete narazit na problémy.

Pokud tedy získáte webové písmo z Google Fonts, po výběru stylů písma a výběru odkazu jako preferované metody vložení se zobrazí následující informace:

@import

Dalším způsobem, jak přidat webová písma do e-mailů, je použít @import. Ten je velmi jednoduchý a funguje dobře i ve většině e-mailových klientů. Jediný zádrhel je u několika starších verzí systému Android.

Stejně jako v případě <odkaz> úryvku kódu vložíte @import také do <head> části e-mailu. V aplikaci Google Fonts se toto opět zobrazí po výběru písma, jeho stylů a kliknutí na bublinu vedle @import:

Pokud používáte jinou webovou službu pro písma, nemusí se vám zobrazit takovýto vložený kód a místo toho budete muset úryvek kódu zadat sami. Použijte adresu URL, kterou vám služba webových písem poskytne, nebo pokud se rozhodnete písmo hostovat sami, použijte příslušný odkaz na svém serveru.

@font-face

Toto pravidlo umožňuje stáhnout písmo ze serveru nebo je hostovat, aby je bylo možné použít na webových stránkách nebo v tomto případě v e-mailech. Funguje podobně jako předchozí dvě metody v tom smyslu, že stahuje písma za běhu, takže je lze použít na webových stránkách nebo v e-mailových zprávách. Stejně jako u všech ostatních zde probíraných metod vložíte tento úryvek kódu do části <head> HTML vašeho e-mailu.

Pokud byste tedy podle Mozilly chtěli do svých e-mailů přidat písmo Open Sans, použili byste následující úryvek kódu:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");}

Specifikace alternativ webových písem

Ačkoli vždy chcete, aby pečlivě vybrané webové písmo fungovalo, ne vždy tomu tak bude. Ať už z důvodu chyby serveru nebo kompatibility systému, je dobré nenechat vybranou náhradní možnost náhodě. Takže opět pomocí @font-face můžete vlastně určit, které místní písmo chcete použít v případě, že nelze stáhnout preferované webové písmo.

Můžeme použít stejný úryvek kódu, na který jsme odkazovali výše, a pouze jej upravit tak, aby obsahoval možnost náhradního písma:

@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),url("/fonts/OpenSans-Regular-webfont.woff")format("woff");local("Helvetica")}

Kde najít webová písma pro použití v e-mailech

Existuje několik míst na internetu, kde můžete získat webová písma. Jen si dejte pozor na případné licenční požadavky, které mají. Každý web může mít jiné specifikace, které je třeba dodržet, takže na to pamatujte.

• Google Fonts: Jedná se o jedno z nejoblíbenějších míst, kde lze v současné době najít webová písma, protože nabízí knihovnu písem s otevřeným zdrojovým kódem, kterou lze kdykoli a kdekoli použít. V současné době obsahuje 1 020 rodin písem.
• Fonts.com: Jedná se o další fantastický zdroj písem všeho druhu, od desktopových až po webová písma. Je to vlastně obchod společnosti Monotype a obsahuje více než 150 000 písem, která si můžete prohlédnout a případně zakoupit.
• Typography.com: Toto je obchod společnosti H&Co, slévárny, která obsahuje 1 500 písem, jež lze použít na webu i pro tisk.
• Font Squirrel: Pokud hledáte zcela bezplatný výběr, může vám vyhovovat Font Squirrel. Tato stránka obsahuje pouze bezplatná písma, která lze použít ke komerčním účelům.
• Adobe Fonts:
• Fonty Adobe: Dříve známá jako Typekit, služba Adobe Fonts obsahuje tisíce písem, z nichž si můžete vybírat a která jsou k dispozici s předplatným služby Creative Cloud.
• Fontspring:
• MyFonts: Webová písma uvedená na Fontspring sice musíte zakoupit, ale jsou k dispozici bez předplatného a obvykle obsahují neomezené licence pro větší pohodlí.
• MyFonts: Webová písma uvedená na Fontspring jsou k dispozici bez předplatného a obvykle obsahují neomezené licence pro větší pohodlí:
• Village: Jedná se o další podnik vlastněný společností Monotype, kde jsou uvedeny tuny písem pro tisk i web.
• Village: Jedná se o další podnik vlastněný společností Monotype, kde jsou uvedeny tuny písem pro tisk i web:
• Process Type Foundry: Jedná se vlastně o kolektiv několika sléváren, které se spojily a prodávají svá písma samostatně.
• Process Type Foundry: Jedná se vlastně o kolektiv několika sléváren, které se spojily a prodávají svá písma samostatně: Je to malá firma, kterou v roce 2002 založili dva návrháři písma a která prodává písma, jež vyrábí, široké veřejnosti.
• FontShop:

Vysoce kvalitní a čitelná webová písma

Pokud potřebujete inspiraci, níže jsou uvedeny všechny příklady webových písem, která jsou snadno čitelná a mohla by být přidána do vašich e-mailů pomocí výše popsaných metod.

Open Sans

Open Sans je vysoce čitelné bezpatkové písmo, které je ideální pro čtení na obrazovce. Navrhl ho Steve Matteson a vyznačuje se otevřenými tvary. Všechna písmena jsou snadno čitelná a vypadají dobře i ve všech velikostech.

Roboto

Roboto je další vysoce kvalitní webové písmo, které vypadá skvěle na obrazovkách. Má geometrický design s otevřenými křivkami, což vytváří atraktivní dichotomii, která prostě funguje. Each letter maintains a natural width, resisting the typical rigidity of grotesk fonts.

Raleway

Or, you could opt for Raleway, another sans serif font that offers thinner lines and a more elegant appeal. The typeface family was originally designed by Matt McInerney, then expanded later by Pablo Impallari and Rodrigo Fuenzalida.

Century Gothic

Century Gothic is a web font that offers a classic look. And it makes sense that this is the case since it’s actually a modernized version of older fonts from the 1920s and 30s. It has broad support across browsers and is readable on screens.

Proxima Nova

Proxima Nova is another web font option that is actually a re-envisioned version of the Proxima Sans font, which was first created in 1994. The font is slightly geometric but natural as well and would make for an excellent selection for your email copy.

Quasimoda

Quasimoda is a stylish web font that’s easy on the eyes and universal in its appeal. It was created by Lettersoup, a type foundry based in Berlin, Germany that was started by Botio Nikoltchev in 2014.

PT Sans Pro

PT Sans Pro might be just what you’re looking for in a web font. It offers rounded letterforms and a natural look. It was designed by Paratype, a digital font company that got its start in the 1980s.

Brandon Grotesque

The Brandon Grotesque web font was created by HVD Fonts. HVD založil Hannes von Döhren a společnost se zaměřuje na vytváření snadno čitelných, profesionálních a zároveň stylových písem, která se hodí pro libovolné aplikace.

Sofia Pro

Sofia Pro je bezpatkové písmo, které navrhla společnost Mostardesign v roce 2008. Zachovává si smysl pro modernost a zároveň obsahuje zaoblené tvary. Dosahuje pevné rovnováhy mezi harmonickými a geometrickými vzory.

Museo Sans

Nakonec je tu Museo Sans, což je novější podoba oblíbeného písma Museo. Vyznačuje se geometrickým bezserifovým designem, který lze použít jak v nadpisech, tak v kopírovaném textu. Je čitelné a víceúčelové, což z něj dělá pracovního koně pro e-maily. Bylo navrženo společností Exljbris v roce 2008.

Poznámka k používání obrázků v e-mailu vs. textu

Pokud vložíte obrázek, například plakát nebo dokonce snímek obrazovky s textem napsaným pěkným písmem, může to být způsob, jak obejít problém s písmem bezpečným pro e-maily. To však s sebou nese vlastní problémy, protože obrázky v e-mailech se nezobrazují vždy nebo se na některých obrazovkách nemusí zobrazit správně. Je zde také problém se čtečkami obrazovky, které, pokud neuvedete alt text, nebudou vědět, co obrázek říká.

Při používání obrázků v e-mailech buďte opatrní a používejte je pouze k obohacení obsahu zprávy, nikoli k předání klíčových informací. Pokud jste tedy chtěli na svých webových stránkách oznámit speciální výprodej, nepřikládejte k němu pouze obrázek prodejního plakátu s uvedenými údaji o produktu a tím to hasne.

Přinejmenším musíte uvést i text obrázku jako prostý text. Nebo ještě lépe, vyhněte se této zbytečnosti úplně a používejte pouze text bezpečný pro e-maily a obrázky si nechte pro občasnou vizuální zajímavost.

Jedinou výjimkou založenou na textu, u které by bylo použití textu jako obrázku vhodné, je logo, kde je název společnosti nebo značky již daný.

Zábavný fakt: většina lidí stráví čtením e-mailu pouze 11 sekund ⏱ Neztrácejte tento drahocenný čas těžko čitelným písmem. 🙅♀️ Podívejte se na tohoto průvodce možnostmi písma bezpečného pro e-maily a získejte více potenciálních zákazníků!“ Klikněte na Tweet

Shrnutí

Při posílání e-mailových zpráv potenciálním zákazníkům a zákaznicím nestačí jen tak nějaké písmo. Ve skutečnosti může selhání při výběru dobrého písma výrazně poškodit váš konverzní poměr. Písma, která si vyberete, tedy musí být bezpečná pro e-maily, působit dobrým dojmem a nabízet vynikající čitelnost.

V tomto článku jsme probrali hlavní typy písem a psychologický dopad, který mohou mít. Ukázali jsme si příklady písem, která podporuje většina e-mailových klientů. Hovořili jsme také o webových písmech, o tom, jak je můžete přidat na své stránky, a nabídli jsme také zdroje a příklady webových písem, které můžete pro začátek použít.

Snad už máte lepší představu o vlivu bezpečných e-mailových písem. A s tímto průvodcem v ruce se můžete informovaně rozhodovat, až budete přistupovat k další e-mailové kampani.