{"id":1041,"date":"2025-08-11T14:31:54","date_gmt":"2025-08-11T14:31:54","guid":{"rendered":"https:\/\/rs.quarticon.com\/im-mniej-tym-lepiej-czyli-slow-kilka-o-fontach-w-e-mailingu\/"},"modified":"2025-08-12T15:38:04","modified_gmt":"2025-08-12T15:38:04","slug":"im-mniej-tym-lepiej-czyli-slow-kilka-o-fontach-w-e-mailingu","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/im-mniej-tym-lepiej-czyli-slow-kilka-o-fontach-w-e-mailingu\/","title":{"rendered":"Im mniej, tym lepiej&#8230; czyli s\u0142\u00f3w kilka o fontach w e-mailingu"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Proces tworzenia newslettera sk\u0142ada si\u0119 z kilkunastu krok\u00f3w. Stworzenie w\u0142a\u015bciwego szablonu, rozmieszczenie i zaplanowanie tre\u015bci, umieszczenie grafik, link\u00f3w i przycisk\u00f3w CTA&#8230; to tylko kilka przyk\u0142ad\u00f3w zada\u0144, kt\u00f3re nale\u017cy wykona\u0107 przed wys\u0142aniem pr\u00f3bnego e-maila i dopasowaniu grupy odbiorc\u00f3w. <b>Jednym z nich, cho\u0107 z pozoru do\u015b\u0107 banalnym, jest tak\u017ce wyb\u00f3r fontu. <\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_2bb523b9e5'>Rola fontu w kreacji mailingowej<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Fonty s\u0105 nieod\u0142\u0105czn\u0105 cz\u0119\u015bci\u0105 Twojej wiadomo\u015bci e-mail i spe\u0142niaj\u0105 w niej 3 g\u0142\u00f3wne role:<\/p>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>pomagaj\u0105 budowa\u0107 integralno\u015b\u0107 marki<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>okre\u015blaj\u0105 stopie\u0144 czytelno\u015bci tekstu<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>wp\u0142ywaj\u0105 na odbi\u00f3r przekazu tre\u015bci<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Odpowiedni dob\u00f3r font\u00f3w to szansa na zwi\u0119kszenie wsp\u00f3\u0142czynnika <i>open rate<\/i> i <i>click rate<\/i>.<\/b> Dobieraj\u0105c jednak fonty, musisz wzi\u0105\u0107 pod uwag\u0119 nie tylko ich kompatybilno\u015b\u0107 z Twoj\u0105 w\u0142asn\u0105 mark\u0105 i tematem danej kampanii, ale tak\u017ce z klientami poczty, urz\u0105dzeniami i systemami, na kt\u00f3rych Twoja wiadomo\u015b\u0107 b\u0119dzie wy\u015bwietlona przez subskrybent\u00f3w. Jak dla tych wszystkich kwestii znale\u017a\u0107 mianownik wsp\u00f3lny i unikn\u0105\u0107 sytuacji, w kt\u00f3rej wybrane przez Ciebie fonty nie \u0142aduj\u0105 si\u0119 wcale, wy\u015bwietlaj\u0105 si\u0119 \u017ale lub s\u0105 zast\u0119powane przez inne? <b>Skorzystaj z tzw. bezpiecznych font\u00f3w. <\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_faf3c09bb6'>Bezpieczne fonty, czyli jakie?<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Bezpieczne fonty to, najpro\u015bciej ujmuj\u0105c, <b>takie, kt\u00f3re wy\u015bwietlaj\u0105 si\u0119 poprawnie niezale\u017cnie od tego, na jakim urz\u0105dzeniu i w jakim programie czytana jest wiadomo\u015b\u0107 e-mail<\/b>. S\u0105 one zatem zgodne z fontami u\u017cywanymi w Gmailu, Outlooku i innych popularnych klientach poczty e-mail. Je\u015bli dany klient poczty nie obs\u0142uguje okre\u015blonego fontu , zast\u0105pi go domy\u015blnym. Przyk\u0142adowo, dla Gmaila domy\u015blnym fontem jest Arial, dla Outlooka Times New Roman, a dla iCloud Mail Helvetica.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Dzi\u0119ki zastosowaniu bezpiecznych font\u00f3w masz pewno\u015b\u0107, \u017ce Twoje wiadomo\u015bci e-mail wsz\u0119dzie b\u0119d\u0105 wy\u015bwietla\u0107 si\u0119 tak, jak zosta\u0142y pocz\u0105tkowo zaprojektowane.<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Do bezpiecznych font\u00f3w nale\u017c\u0105:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>z grupy szyfrowych (z ozdobnikami na ko\u0144cach liter)<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Courier<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Georgia<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Times New Roman<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>z grupy bezszyfrowych (proste, bez ozdobnik\u00f3w)<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Arial<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Helvetica<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Lucida Sans<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Tahoma<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Trebuchet<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Verdana<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Obs\u0142ugiwane fonty dla konkretnego klienta poczty mo\u017cesz sprawdzi\u0107 bezpo\u015brednio w kreatorze wiadomo\u015bci. Przyk\u0142adowo, w Gmailu wygl\u0105da to nast\u0119puj\u0105co:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/312203213\/1a845ec21c64b2e3fad1dff1\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/312203213\/1a845ec21c64b2e3fad1dff1\/image.png' width='497' height='496'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Wszystkie wy\u017cej wymienione fonty uznawane s\u0105 za bezpieczne. Nie oznacza to jednak, \u017ce wszystkie tak samo wp\u0142ywaj\u0105 na efektywno\u015b\u0107 e-maila.<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_9d081b026f'>Gar\u015b\u0107 dobrych praktyk dotycz\u0105cych font\u00f3w<\/h2>\n<\/div>\n<div class='intercom-interblocks-ordered-nested-list'>\n<ol>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nie przesadzaj z r\u00f3\u017cnorodno\u015bci\u0105 font\u00f3w w kreacji mailowej \u2013 <b>wybierz maksymalnie 2 lub 3<\/b>. Zastan\u00f3w si\u0119 nad tym, jak i gdzie ich u\u017cy\u0107, by nie zaburza\u0107 czytelno\u015bci tekstu. Stro\u0144 od stosowania kilku font\u00f3w w tej samej sekcji tekstowej.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Fonty szyfrowe lepiej sprawdzaj\u0105 si\u0119 w druku, bezszyfrowe za\u015b w \u015bwiecie digitalowym. Te drugie uznaje si\u0119 za <b>przyjemniejsze dla oka czytelnika i \u0142atwiejsze do czytania<\/b>, szczeg\u00f3lnie na ekranach o ma\u0142ej rozdzielczo\u015bci. Szyfrowe fonty nie s\u0105 zatem zalecane do d\u0142ugich blok\u00f3w tekstu, nadadz\u0105 si\u0119 jednak do nag\u0142\u00f3wk\u00f3w.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Najbardziej sprawdzonymi fontami dla tre\u015bci g\u0142\u00f3wnej e-maila (<i>body<\/i>) s\u0105 <b>Georgia lub Verdana<\/b>. Doskonale sprawdzaj\u0105 si\u0119 one tak\u017ce przy przyciskach CTA.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Optymalnym rozmiarem fontu jest <b>14px dla u\u017cytkownik\u00f3w urz\u0105dze\u0144 desktopowych i 16px dla u\u017cytkownik\u00f3w urz\u0105dze\u0144 mobilnych<\/b>. <\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nag\u0142\u00f3wek powinien wyra\u017anie odznacza\u0107 si\u0119 od reszty wiadomo\u015bci, dlatego jego rozmiar powinien by\u0107 <b>dwukrotno\u015bci\u0105 rozmiaru tekstu podstawowego<\/b>.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Font w nag\u0142\u00f3wku daje wi\u0119cej swobody \u2013 z jednej strony, u\u017cycie tego samego fontu zar\u00f3wno w nag\u0142\u00f3wku, jak i tre\u015bci, daje czytelnikom poczucie przejrzysto\u015bci. Z drugiej jednak, u\u017cycie dw\u00f3ch r\u00f3\u017cnych stwarza przyjemny kontrast wizualny. Nie nale\u017cy jednak przesadza\u0107 z oryginalno\u015bci\u0105 obu font\u00f3w \u2013 je\u015bli dla nag\u0142\u00f3wka wybierasz font bardziej 'wymy\u015blny&#8217;, dla reszty tre\u015bci wybierz prosty. <b>Zderzenie si\u0119 dw\u00f3ch mocnych font\u00f3w mo\u017ce wywo\u0142a\u0107 poczucie chaosu<\/b>.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Je\u015bli mimo wszystko chcesz u\u017cy\u0107 w\u0142asnego fontu, tam, gdzie to mo\u017cliwe (np. w nag\u0142\u00f3wku), <b>zamie\u0144 tekst na obrazek<\/b>.<\/p>\n<\/div>\n<\/li>\n<\/ol>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Proces tworzenia newslettera sk\u0142ada si\u0119 z kilkunastu krok\u00f3w. Stworzenie w\u0142a\u015bciwego szablonu, rozmieszczenie i zaplanowanie tre\u015bci, umieszczenie grafik, link\u00f3w <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-1041","post","type-post","status-publish","format-standard","hentry","category-know-how"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/1041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/comments?post=1041"}],"version-history":[{"count":5,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/1041\/revisions"}],"predecessor-version":[{"id":2237,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/1041\/revisions\/2237"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=1041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=1041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=1041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}