Vlastní písma mohou vypadat velmi stylově a dodat e-mailům svěží vzhled. Většina e-mailových klientů však jejich použití nepodporuje. To lze obejít použitím vhodného kódu HTML pro vaše e-maily. Je velmi pozoruhodné, že ačkoli většina uživatelů využívá výchozí webové písmo, někteří dávají přednost pocitu z vlastního písma.
Většina e-mailových klientů podporuje výběr dostupných písem ve svém nastavení nebo v nabídce možností e-mailu. V některých případech můžete přímo pomocí příkazu importovat nové písmo a použít ho v e-mailech. Všimněte si, že příkazy „@font-face“ a „@import“ jsou k dispozici pouze v aplikaci Apple Mail a velmi málo dalších klientech.
Na tomto místě vás naučíme, jak funkci těchto příkazů využít v kódu HTML. To vám umožní používat v e-mailech importovaná a vlastní písma. K tomu budete možná potřebovat základní znalosti jazyka HTML. Budeme se však snažit, aby to bylo co nejsnazší k pochopení.
Jak vložit vlastní písma do e-mailu?
Pojďme na to krok za krokem.
- Nejprve přejděte do svého účtu HubSpot nebo si ho vytvořte, pokud ho ještě nemáte, klikněte na Marketing, pak na Soubory a šablony a poté na Nástroje pro návrh.
- Pomocí vyhledávače klikněte na název kódované šablony, aby ji editor otevřel. Případně můžete vytvořit novou šablonu.
- Nyní chcete zkopírovat níže uvedený kód a poté jej vložit do části <head> vašeho kódu HTML. Nezapomeňte, že tuto šablonu kódu budete používat pro své e-maily vždy, když budete chtít použít konkrétní vlastní písmo. Vložený kód by měl být mezi značkami <style>, měl by nahradit font-family a zdrojovou URL vaší volbou písma.
„<style>
@font-face {
font-family: DeliciousRoman;
src: url(https://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
}
</style>“ - Nakonec možná budete chtít uvést odkaz na písmo v těle e-mailu. To lze umístit na konec hlavního těla e-mailu a provádí se pomocí následujícího kódu:
„<span style=“font-family: >Popište, co můžete zákazníkovi nabídnout.</span>“ - Jako poslední krok dokončete veškeré další úpravy nebo změny šablony e-mailu a stačí kliknout na tlačítko Publikovat změny. Díky tomu budou vaše e-maily využívající tuto šablonu používat vlastní písmo, které jste zvolili pomocí prvního kódu. Tento kód můžete použít v libovolném e-mailovém klientovi, který umožňuje implementovat do e-mailů vlastní kód HTML.
Poznámky.
Přestože tento postup používá HubSpot jako šablonu, můžete vygenerovaný kód HTML použít v libovolném e-mailovém klientovi sami. K tomu stačí přepnout hlavní funkci psaní ve vašem e-mailovém klientovi. To lze provést v platformách Outlook a Gmail.
Ve službě Google Fonts najdete širokou škálu webových písem, která můžete použít ve svých e-mailech. Každé písmo na stránce je možné používat zdarma a na výběr je poměrně dost možností. V případě, že chcete znát další místa pro získání písem, můžete zkusit některé z následujících stránek, ty si však za své služby účtují peníze. MyFonts, Commercial, FontSpring, Typotheque, Village, FontShop a Process Type Foundry.
Také si uvědomte, že někteří e-mailoví klienti mají pro každý e-mail k dispozici výchozí typ písma. Apple Mail používá Helvetica, Gmail používá Arial a Microsoft Outlook používá Calibri.
Nakonec byste měli vědět, že pokud používáte písma Google, může se adresa URL písma v budoucnu změnit. V případě, že se tak stane, můžete vždy zvolit záložní písmo pro případ, že by to hlavní nefungovalo, to je však úplně jiné téma.
Závěr.
Pokud se zabýváte e-mailovým marketingem nebo si jen chcete přizpůsobit své e-maily, je to rychlá metoda, jak to udělat. Vlastní písmo může čtenářům pomoci, aby se cítili více zaujati vašimi e-maily už jen proto, že nevypadají jako většina ostatních e-mailů. To znamená, že máte dostatečnou důvěru ve svou značku, abyste se mohli postarat o takové drobnosti, jako je písmo.
Pokud vám tento článek pomohl a chcete se dozvědět více o e-mailovém marketingu obecně, najdete další naše články na našem blogu.