{"id":13760,"date":"2025-10-21T18:40:01","date_gmt":"2025-10-21T18:40:01","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/"},"modified":"2026-08-28T07:53:43","modified_gmt":"2026-08-28T07:53:43","slug":"fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/","title":{"rendered":"Como usar fontes seguras para e-mail e tipografia para acessibilidade"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">No mundo digital, <a href=\"https:\/\/www.mailgun.com\/blog\/email\/email-accessibility-mistakes\/\" target=\"_tabs\" rel=\"noopener noreferrer\">acessibilidade na web<\/a> significa desenvolver elementos em sites ou e-mails para contornar qualquer defici\u00eancia tempor\u00e1ria, situacional ou permanente. Afinal, voc\u00ea quer ajudar sua equipe de e-mail a alcan\u00e7ar o maior n\u00famero de usu\u00e1rios poss\u00edvel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em m\u00e9dia, <a href=\"https:\/\/www.statista.com\/statistics\/1273288\/time-spent-brand-emails\/\" target=\"_tabs\" rel=\"noopener noreferrer\">as pessoas passam 10 segundos lendo e-mails de marcas<\/a>. Isso significa que voc\u00ea tem 10 segundos para chamar a aten\u00e7\u00e3o delas. Criar um <a href=\"https:\/\/www.accessibility.com\/blog\/what-are-accessible-fonts\" target=\"_tabs\" rel=\"noopener noreferrer\">e-mail acess\u00edvel com fontes seguras para e-mail e tipografia<\/a> ajuda a transmitir a mensagem para aqueles que t\u00eam dificuldade em acessar seus e-mails e proporciona uma \u00f3tima experi\u00eancia de usu\u00e1rio para todos os seus assinantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo, falaremos sobre fontes seguras para e-mail, incluindo o que elas s\u00e3o e por que s\u00e3o importantes para seus e-mails. Em seguida, veremos como escolher uma fonte para o seu e-mail e como voc\u00ea pode usar a tipografia para melhorar a acessibilidade em seus e-mails.<\/p>\n\n\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-5396\"><p class=\"h5 m-0\" id=\"toc-title-5396\">\u00cdndice<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#por-que-as-fontes-sao-importantes-nos-e-mails\">Por que as fontes s\u00e3o importantes nos e-mails?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">02<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#o-que-sao-fontes-seguras-para-e-mail\">O que s\u00e3o fontes seguras para e-mail?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">03<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#qual-e-a-diferenca-entre-serif-e-sans-serif\">Qual \u00e9 a diferen\u00e7a entre serif e sans-serif?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">04<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#as-fontes-podem-afetar-o-tom-dos-meus-e-mails\">As fontes podem afetar o tom dos meus e-mails?\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">05<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#como-escolho-uma-fonte-para-o-meu-e-mail\">Como escolho uma fonte para o meu e-mail?<\/a><a class=\"scrollme link-body-color\" href=\"#como-posso-manter-a-consistencia-da-marca-com-as-fontes\">Como posso manter a consist\u00eancia da marca com as fontes?<\/a><a class=\"scrollme link-body-color\" href=\"#por-que-a-leiturabilidade-e-importante\">Por que a leiturabilidade \u00e9 importante?<\/a><a class=\"scrollme link-body-color\" href=\"#por-que-a-legibilidade-e-importante\">Por que a legibilidade \u00e9 importante?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">06<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#como-posso-melhorar-a-acessibilidade-com-a-tipografia\">Como posso melhorar a acessibilidade com a tipografia?<\/a><a class=\"scrollme link-body-color\" href=\"#como-posso-usar-a-enfase-para-tornar-meu-e-mail-mais-facil-de-ler\">Como posso usar a \u00eanfase para tornar meu e-mail mais f\u00e1cil de ler?<\/a><a class=\"scrollme link-body-color\" href=\"#como-posso-usar-o-espacamento-entre-linhas-e-as-palavras-por-linha-para-melhorar-a-acessibilidade\">Como posso usar o espa\u00e7amento entre linhas e as palavras por linha para melhorar a acessibilidade?<\/a><a class=\"scrollme link-body-color\" href=\"#como-posso-usar-a-formatacao-de-texto-para-melhorar-meus-e-mails\">Como posso usar a formata\u00e7\u00e3o de texto para melhorar meus e-mails?<\/a><a class=\"scrollme link-body-color\" href=\"#como-a-cor-da-fonte-afeta-a-acessibilidade\">Como a cor da fonte afeta a acessibilidade?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">07<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#conclusao\">Conclus\u00e3o<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">Por que as fontes s\u00e3o importantes nos e-mails?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As fontes\u00a0s\u00e3o\u00a0um\u00a0componente vital\u00a0da identidade da marca, assim como cores e logotipos.\u00a0O uso consistente de\u00a0fontes espec\u00edficas\u00a0em todos os canais de comunica\u00e7\u00e3o, incluindo e-mails, ajuda a\u00a0refor\u00e7ar o reconhecimento da marca\u00a0e a construir confian\u00e7a com o seu p\u00fablico.\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A tipografia que voc\u00ea escolhe pode definir o tom de\u00a0como\u00a0seu neg\u00f3cio \u00e9 percebido; uma\u00a0fonte\u00a0arrojada e moderna pode sugerir inova\u00e7\u00e3o, enquanto uma cl\u00e1ssica e elegante pode evocar sofistica\u00e7\u00e3o e atemporalidade.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As fontes podem dar um toque especial \u00e0 sua campanha de e-mail. Voc\u00ea pode usar diferentes fontes para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Mostrar seu lado criativo. <\/b>Seja l\u00fadico com as fontes para ajudar sua equipe de e-mail a criar conte\u00fado impactante para capturar a aten\u00e7\u00e3o do seu assinante.<\/li>\n\n\n\n<li><b>Destacar-se na multid\u00e3o.<\/b> Uma caixa de entrada \u00e9 um lugar lotado. Mantenha a aten\u00e7\u00e3o do seu usu\u00e1rio depois que ele abrir seus e-mails com o uso estrat\u00e9gico de fontes criativas.<\/li>\n\n\n\n<li><b>Desenvolver uma identidade visual forte sem usar imagens.<\/b> Voc\u00ea pode usar imagens para desenvolver uma forte identidade visual de marca, mas as imagens geralmente t\u00eam seu pr\u00f3prio suporte em cada cliente de e-mail e <a href=\"https:\/\/www.mailgun.com\/blog\/email\/simplifying-the-complex-concept-of-email-rendering\/\" target=\"_tabs\" rel=\"noopener noreferrer\">problemas de renderiza\u00e7\u00e3o<\/a>. Use fontes seguras para e-mail para construir sua pr\u00f3pria identidade visual de marca ou produto sem recorrer a imagens. A tipografia profissional garante credibilidade e um design refinado.\u00a0<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">O que s\u00e3o fontes seguras para e-mail?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As fontes podem melhorar o design do seu\u00a0e-mail, mas se um cliente de e-mail n\u00e3o tiver suporte para a fonte escolhida, ele a substituir\u00e1 por uma fonte de fallback, o que pode prejudicar o layout e o estilo do\u00a0e-mail. Para evitar isso, use fontes seguras para e-mail que sejam amplamente compat\u00edveis com dispositivos, clientes e sistemas operacionais para garantir que seus e-mails sejam exibidos de forma consistente.\u00a0Garanta que as fontes sejam testadas em v\u00e1rios dispositivos e clientes de e-mail para confirmar que elas s\u00e3o exibidas corretamente e\u00a0mant\u00eam\u00a0a apar\u00eancia pretendida do seu e-mail.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A \u00fanica\u00a0ressalva\u00a0\u00e9 que usar fontes seguras para a web \u2013\u00a0amplamente compat\u00edveis com clientes de e-mail e dispositivos \u2013 \u00e9 crucial para garantir que seu e-mail seja exibido corretamente, embora esta pequena lista de fontes \u00e0s vezes possa limitar a criatividade do design ao tentar se destacar em caixas de entrada lotadas.\u00a0<a href=\"https:\/\/www.w3schools.com\/cssref\/css_websafe_fonts.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Aqui est\u00e1\u00a0uma lista de algumas fontes seguras para e-mail:<\/a>\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Helvetica<\/li>\n\n\n\n<li>Verdana<\/li>\n\n\n\n<li>Sans Serif<\/li>\n\n\n\n<li>Georgia<\/li>\n\n\n\n<li>Times New Roman<\/li>\n\n\n\n<li>Arial\u00a0<\/li>\n\n\n\n<li>American Typewriter<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea deseja expandir ainda mais sua base de fontes, <a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/web-fonts-google-fonts\/\" target=\"_tabs\" rel=\"noopener noreferrer\">considere o uso de fontes da web<\/a> como o Google Fonts, que s\u00e3o hospedadas em um servidor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual \u00e9 a diferen\u00e7a entre serif e sans-serif?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como voc\u00ea provavelmente sabe, uma fonte \u00e9 uma tipografia que o cliente de e-mail usa para exibir o texto. Existem dois tipos de fontes: Serif e Sans-serif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui est\u00e3o algumas fontes serifadas com uma frase de amostra para dar um exemplo visual da fonte:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4133\" width=\"1424\" height=\"325\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3.png\" alt=\"Examples of the fonts Times New Roman and Georgia\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3.png 1424w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3-300x68.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3-768x175.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3-1024x234.png 1024w\" sizes=\"(max-width: 1424px) 100vw, 1424px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Elas t\u00eam pequenos enfeites (serifas) no final de cada caractere, que\u00a0guiam o movimento dos olhos de letra em letra. No entanto,\u00a0fontes\u00a0serifadas\u00a0com detalhes decorativos tamb\u00e9m podem\u00a0cansar os olhos quando usadas em par\u00e1grafos grandes, especialmente se\u00a0o tamanho da\u00a0fonte\u00a0for muito pequeno ou o contraste for ruim. Isso\u00a0as torna menos acess\u00edveis em diferentes dispositivos e tamanhos de tela.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui est\u00e3o algumas fontes sans-serif com uma frase de amostra para dar um exemplo visual da fonte:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4134\" width=\"1424\" height=\"425\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image4.png\" alt=\"Examples of the fonts Arial, Verdana, and Open Sans\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image4.png 1424w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image4-300x90.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image4-768x229.png 768w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image4-1024x306.png 1024w\" sizes=\"(max-width: 1424px) 100vw, 1424px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nestas fontes, cada caractere em uma palavra \u00e9 separado de outro. Quando se trata de design de e-mail, os caracteres sans-serif s\u00e3o facilmente distingu\u00edveis em uma tela e n\u00e3o cansam tanto os olhos quanto uma fonte serifada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">As fontes podem afetar o tom dos meus e-mails?\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As fontes\u00a0t\u00eam uma &#8220;personalidade&#8221; e podem evocar emo\u00e7\u00f5es espec\u00edficas, agindo como contadoras de hist\u00f3rias silenciosas que transmitem o clima e a atmosfera do seu conte\u00fado. Por exemplo, as\u00a0fontes\u00a0serifadas\u00a0podem\u00a0exalar tradi\u00e7\u00e3o e autoridade, enquanto as\u00a0fontes\u00a0sans-serif frequentemente irradiam modernidade e clareza\u00a0no design de e-mail.\u00a0Fontes\u00a0cursivas ou de fantasia podem\u00a0injetar personalidade e criatividade, mas devem ser usadas com modera\u00e7\u00e3o para evitar sobrecarregar o leitor.\u00a0A\u00a0fonte\u00a0certa pode inspirar, confortar ou animar,\u00a0causando\u00a0uma impress\u00e3o duradoura.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como escolho uma fonte para o meu e-mail?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e3o existe uma \u201cmelhor fonte\u201d para o seu e-mail. Mas agora que sabemos o que s\u00e3o fontes seguras para e-mail e por que as fontes s\u00e3o importantes para seus e-mails, aqui est\u00e3o algumas coisas a serem consideradas ao escolher uma fonte para a sua mensagem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Consist\u00eancia da marca<\/li>\n\n\n\n<li>Leiturabilidade<\/li>\n\n\n\n<li>Legibilidade<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos analisar cada um deles em detalhes abaixo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como posso manter a consist\u00eancia da marca com as fontes?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9\u00a0importante pensar sobre a identidade visual e o envio de mensagens do seu produto ao escolher suas\u00a0fontes. O que combinar\u00e1 melhor com os seus e-mails transacionais e <a href=\"https:\/\/www.mailgun.com\/pt\/solutions\/software-de-e-mail-marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\">e-mails de marketing<\/a>, e quais\u00a0s\u00e3o\u00a0seguras para a web? Arial, Tahoma e Verdana\u00a0s\u00e3o\u00a0todas \u00f3timas\u00a0fontes\u00a0sans-serif, seguras para a web e seguras para e-mail.\u00a0Elas ser\u00e3o\u00a0leg\u00edveis nos\u00a0clientes de e-mail\u00a0mais desajeitados e sem suporte.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se a identidade da sua marca se alinha mais\u00a0com tradi\u00e7\u00e3o e profissionalismo, considere usar\u00a0fontes\u00a0serifadas como Times New Roman, Georgia e Courier New, que\u00a0s\u00e3o\u00a0compat\u00edveis com a maioria dos clientes de e-mail. Enquanto isso, as\u00a0fontes\u00a0sans-serif como Arial, Helvetica e Verdana\u00a0s\u00e3o\u00a0frequentemente preferidas por suas linhas limpas e\u00a0leiturabilidade em telas digitais.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por que a leiturabilidade \u00e9 importante?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A\u00a0fonte\u00a0que voc\u00ea escolhe precisa ser tanto\u00a0f\u00e1cil de ler quanto leg\u00edvel para garantir que a\u00a0mensagem\u00a0do seu\u00a0e-mail\u00a0seja comunicada de forma eficaz. Se a\u00a0fonte\u00a0for dif\u00edcil de\u00a0ler, sua mensagem pode ser perdida ou seu e-mail rapidamente\u00a0exclu\u00eddo,\u00a0pois\u00a0os leitores passam apenas cerca de 10 segundos examinando sua caixa de entrada.\u00a0O ideal \u00e9 que o tamanho da sua\u00a0fonte\u00a0fique entre 14 e 16 pixels para o corpo do texto. Isso garante que\u00a0os leitores possam rapidamente\u00a0identificar\u00a0as palavras e\u00a0reter\u00a0a sua\u00a0mensagem.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por que a legibilidade \u00e9 importante?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A legibilidade garante que caracteres de apar\u00eancia id\u00eantica, como \u20181\u2019 (um), \u2018l\u2019 (ele) e \u2018I\u2019 (i), sejam facilmente distingu\u00edveis. No exemplo abaixo, cada caractere \u00e9 distingu\u00edvel e n\u00e3o pode ser confundido com o outro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4135\" width=\"512\" height=\"288\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts1-1.png\" alt=\"Example of font with characters that are distinguishable from one another\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts1-1.png 512w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts1-1-300x169.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">O fato de uma fonte segura para e-mail ser f\u00e1cil de ler e leg\u00edvel depende da fonte e da fam\u00edlia de fontes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como posso melhorar a acessibilidade com a tipografia?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ao contr\u00e1rio da cren\u00e7a popular, <a href=\"https:\/\/www.mailgun.com\/blog\/email\/make-email-accessibility-your-new-years-resolution\/\" target=\"_tabs\" rel=\"noopener noreferrer\">criar e-mails acess\u00edveis<\/a> nem sempre significa refazer seu modelo de e-mail em HTML do zero. Ao ajustar diferentes aspectos do design de e-mail, como o contraste de cores, a tipografia ou o posicionamento da chamada para a\u00e7\u00e3o (CTA), seus e-mails podem se tornar mais acess\u00edveis a um p\u00fablico maior. Escolhas estrat\u00e9gicas de fonte podem guiar a aten\u00e7\u00e3o do leitor e melhorar o engajamento. Variar os tamanhos de fonte, pesos (negrito) e estilos (it\u00e1lico) pode criar uma hierarquia visual, enfatizando pontos cr\u00edticos, t\u00edtulos e chamadas para a\u00e7\u00e3o (CTAs). Isso ajuda os leitores a escanear rapidamente o e-mail,\u00a0identificar\u00a0informa\u00e7\u00f5es essenciais e os incentiva a tomar as a\u00e7\u00f5es desejadas.\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ao ajustar diferentes aspectos do design de e-mail, como o contraste de cores, a tipografia ou o posicionamento do\u00a0CTA, seus e-mails podem se tornar mais acess\u00edveis a um p\u00fablico maior.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Corre\u00e7\u00f5es f\u00e1ceis significam menos dor de cabe\u00e7a para voc\u00ea e uma melhor\u00a0leitura para o seu p\u00fablico. Al\u00e9m disso,\u00a0<a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/best-font-for-email-everything-you-need-to-know-about-email-safe-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">a tipografia nos e-mails<\/a>\u00a0n\u00e3o est\u00e1\u00a0restrita apenas\u00a0\u00e0s\u00a0fontes\u00a0que voc\u00ea escolhe no seu e-mail, mas tamb\u00e9m se estende ao estilo da fonte, formata\u00e7\u00e3o e palavras por linha.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como posso usar a \u00eanfase para tornar meu e-mail mais f\u00e1cil de ler?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Facilite para seus assinantes escanearem e entenderem rapidamente seus e-mails usando \u00eanfases estil\u00edsticas, como negrito, it\u00e1lico ou sublinhado para destacar informa\u00e7\u00f5es importantes.\u00a0Essa hierarquia visual ajuda os leitores a identificar pontos importantes e os incentiva a tomar as a\u00e7\u00f5es que voc\u00ea deseja.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como posso usar o espa\u00e7amento entre linhas e as palavras por linha para melhorar a acessibilidade?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se o seu par\u00e1grafo tiver linhas muito pr\u00f3ximas, fica dif\u00edcil pular para a pr\u00f3xima linha quando voc\u00ea chega ao final da linha atual. Mantenha sempre um espa\u00e7amento entre linhas de 1,5 vez o tamanho da fonte para melhor acessibilidade.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A quantidade de palavras que voc\u00ea espreme em uma \u00fanica linha pode tornar o comprimento da linha longo o suficiente para cansar seus olhos antes de voc\u00ea retornar ao in\u00edcio da pr\u00f3xima linha. N\u00e3o tenha mais de 75 caracteres em uma \u00fanica linha para melhorar a experi\u00eancia de leitura. Essa medida adicional garante melhor interpreta\u00e7\u00e3o do usu\u00e1rio e engajamento com o seu conte\u00fado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como posso usar a formata\u00e7\u00e3o de texto para melhorar meus e-mails?<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4136\" width=\"337\" height=\"500\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts3-e1547145368953.png\" alt=\"Example of text types in an email\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts3-e1547145368953.png 337w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/fonts3-e1547145368953-202x300.png 202w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use a formata\u00e7\u00e3o de texto para melhorar seus e-mails. Separe diferentes se\u00e7\u00f5es do texto do seu e-mail por meio de formata\u00e7\u00e3o adequada. Os cabe\u00e7alhos precisam ter pelo menos 22 pixels para separ\u00e1-los dos 16 pixels do texto do e-mail. Os subt\u00edtulos podem ter 20 pixels para melhor se distinguirem do cabe\u00e7alho, mas ainda se destacarem do texto do par\u00e1grafo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como a cor da fonte afeta a acessibilidade?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Embora isso n\u00e3o seja particularmente parte da tipografia, uma fonte escura sobre um fundo branco \u00e9 leg\u00edvel \u00e0 dist\u00e2ncia de um bra\u00e7o, no m\u00ednimo. Isso significa que voc\u00ea n\u00e3o precisa se limitar a uma fonte preta; voc\u00ea pode ser um pouco flex\u00edvel com as cores. Se voc\u00ea tiver uma cor mais escura em suas diretrizes de design, sinta-se \u00e0 vontade para us\u00e1-la em vez disso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pathwire.com\/research\/accessibility-email-inbox\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Criar e-mails acess\u00edveis<\/a> ajuda voc\u00ea a alcan\u00e7ar seus assinantes que possam estar enfrentando uma defici\u00eancia tempor\u00e1ria, situacional ou permanente, ao mesmo tempo que cria uma forte experi\u00eancia de usu\u00e1rio para o restante de seus assinantes. Escolher uma fonte segura para e-mail confi\u00e1vel significa que os layouts do seu e-mail t\u00eam menos probabilidade de quebrar e se tornar uma bagun\u00e7a ileg\u00edvel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quer saber mais sobre o desenvolvimento de e-mails mais acess\u00edveis? <a href=\"https:\/\/www.mailgun.com\/pt\/features\/acessibilidade-de-e-mail\/\">A API de e-mail do Mailgun<\/a> oferece recursos de acessibilidade de e-mail em que voc\u00ea pode confiar.<\/p>\n\n\n\r\n    <aside data-content-type=\"longform\"  class=\"banner-block longform-spacings rounded-lg shadow-lg px-5 py-6 px-md-6 py-md-7 p-lg-7 bg-light\" data-theme=\"dark\" aria-labelledby=\"banner-block-block_8bf994692917bb534a4233dc69d52144\">\r\n                    <p class=\"text-uppercase section-caption text-body-color\">\r\n                Cadastre-se            <\/p>\r\n                            <p class=\"h4 text-accent fw-bold\" id=\"banner-block-block_8bf994692917bb534a4233dc69d52144\">\r\n                \u00c9 f\u00e1cil come\u00e7ar. E \u00e9 gr\u00e1tis.            <\/p>\r\n                            <div class=\"mb-0 text-body-color\">\r\n                                    <div class=\"content-body mb-0 text-body-color\">Veja o que voc\u00ea pode alcan\u00e7ar com a melhor plataforma de entrega de e-mail do mundo.<\/div>\r\n                            <\/div>\r\n        \r\n        <div class=\"text-start mt-5\"><a href=\"https:\/\/signup.mailgun.com\/new\/signup\"  class=\"btn btn-secondary\" >Get started<\/a><\/div>\r\n    <\/aside>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>No mundo digital, acessibilidade na web significa desenvolver elementos em sites ou e-mails para contornar qualquer defici\u00eancia tempor\u00e1ria, situacional ou permanente. Afinal, voc\u00ea quer ajudar sua equipe de e-mail a alcan\u00e7ar o maior n\u00famero de usu\u00e1rios poss\u00edvel. Em m\u00e9dia, as pessoas passam 10 segundos lendo e-mails de marcas. Isso significa que voc\u00ea tem 10 segundos [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":4074,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[20],"class_list":["post-13760","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-email"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T07:53:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/\",\"name\":\"Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"datePublished\":\"2025-10-21T18:40:01+00:00\",\"dateModified\":\"2026-08-28T07:53:43+00:00\",\"description\":\"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/inicio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como usar fontes seguras para e-mail e tipografia para acessibilidade\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun","description":"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/","og_locale":"pt_BR","og_type":"article","og_title":"Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun","og_description":"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.","og_url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-08-28T07:53:43+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/","url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/","name":"Como usar fontes seguras para e-mail e tipografia para acessibilidade - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","datePublished":"2025-10-21T18:40:01+00:00","dateModified":"2026-08-28T07:53:43+00:00","description":"As fontes s\u00e3o uma \u00f3tima maneira de animar o texto mon\u00f3tono de um e-mail. Aprenda a usar fontes seguras para e-mail para ajudar seus profissionais de marketing por e-mail a dar um toque especial em sua pr\u00f3xima campanha de marketing digital.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/fontes-seguras-para-e-mail-tipografia-melhorando-acessibilidade-e-mails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/pt\/inicio\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/pt\/blog\/"},{"@type":"ListItem","position":3,"name":"Como usar fontes seguras para e-mail e tipografia para acessibilidade"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/pt\/#website","url":"https:\/\/www.mailgun.com\/pt\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!","publisher":{"@id":"https:\/\/www.mailgun.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/pt\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/13760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":2,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/13760\/revisions"}],"predecessor-version":[{"id":17554,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/13760\/revisions\/17554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media?parent=13760"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog_category?post=13760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}