{"id":32151,"date":"2019-10-30T09:32:15","date_gmt":"2019-10-30T12:32:15","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=32151"},"modified":"2025-04-14T12:06:53","modified_gmt":"2025-04-14T15:06:53","slug":"como-escolher-boas-fontes-para-wordpress","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/","title":{"rendered":"Como escolher boas fontes para WordPress?"},"content":{"rendered":"<p>\t\t\t\t<iframe loading=\"lazy\" title=\"Dicas sobre uso de fontes e tipografia para seu site\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5dxaIDyZpmY?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.yogh.com.br\/blog\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-weight: 400\">Quantas vezes voc\u00ea j\u00e1 acessou um site e acabou sentindo certo desconforto, mas n\u00e3o conseguiu identificar o motivo?\u00a0 Pois saiba que \u00e9 poss\u00edvel que essa sensa\u00e7\u00e3o pode ter sido provocada pelo tipo de fonte escolhida. A escolha de tipografia influencia diretamente na experi\u00eancia de um usu\u00e1rio ao visitar um site. Para isso, na hora de escolher a fonte para WordPress tenha em mente duas palavras: <\/span><b>legibilidade e acessibilidade<\/b><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Quem estuda tipografia j\u00e1 ouviu falar em Jakob Nielsen. Considerado o papa da usabilidade, ele afirma que a tipografia \u00e9 um dos principais recursos para facilitar a orienta\u00e7\u00e3o do usu\u00e1rio em um site, ao lado de outros c\u00f3digos, como a cor e demais elementos gr\u00e1ficos. O primeiro ponto que voc\u00ea j\u00e1 pode ter em mente, segundo Nielsen, \u00e9 que o uso de fonte WordPress serifadas <\/span><b>deve ser evitado<\/b><span style=\"font-weight: 400\">, por afetar na leitura em tela de computador. As fontes n\u00e3o serifadas s\u00e3o mais modernas, com apar\u00eancia mais simples e mais \u201climpa\u201d, facilitando a leitura online.<\/span><\/p>\n<p><b>Leia tamb\u00e9m: <\/b><a href=\"https:\/\/www.yogh.com.br\/blog\/como-fazer-um-planejamento-de-projeto-para-wordpress\/\"><b>Como fazer um planejamento de projeto para WordPress<\/b><\/a><\/p>\n<p><span style=\"font-weight: 400\">Talvez n\u00e3o exista um n\u00famero total, mas quem j\u00e1 procurou por fonte para WordPress percebeu a infinidade dispon\u00edvel para uso. Com os mais variados formatos e estilos, as fontes para WordPress podem trazer personalidade e sucesso ou levar seu site ao fracasso, com baix\u00edssimos acessos. Quer saber quais erros n\u00e3o cometer e como fazer as melhores escolhas? <\/span><b>Ent\u00e3o continue lendo esse texto e descubra como escolher boas fontes para WordPress!\u00a0<\/b><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Para_comecar_quais_sao_os_estilos_de_fontes_existentes\"><\/span>Para come\u00e7ar: quais s\u00e3o os estilos de fontes existentes:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Como citamos acima, as duas fam\u00edlias principais de fontes para WordPress s\u00e3s <\/span><b>as com serifa e as sem serifa<\/b><span style=\"font-weight: 400\">, sendo essa \u00faltima fam\u00edlia a mais utilizada em sites. Mas voc\u00ea sabe a diferen\u00e7a de entre elas?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">As fontes serifadas recebem pequenas marca\u00e7\u00f5es em suas bases, s\u00e3o tracinhos que d\u00e3o um efeito decorativo. Exatamente por esse efeito que elas s\u00e3o consideradas mais elegantes e remetem ao cl\u00e1ssico e tradicional. Historicamente elas s\u00e3o utilizadas em impress\u00f5es, encontradas principalmente em jornais, livros e revistas. J\u00e1 as sem serifa s\u00e3o mais f\u00e1ceis de ler em computadores ou em dispositivos m\u00f3veis, por seu aspecto mais minimalista, transmitindo modernidade, fluidez e jovialidade. <\/span><b>\u00c9 a fonte utilizada nesse texto<\/b><span style=\"font-weight: 400\">.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"fonte para WordPress alignnone wp-image-32156 size-full\" title=\"fonte para WordPress\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/fontes.png\" alt=\"fonte para WordPress\" width=\"850\" height=\"507\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/fontes.png 850w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/fontes-300x179.png 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/fontes-768x458.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Fora essas duas fam\u00edlias principais de fontes, ainda encontramos algumas outras. Entre elas, est\u00e3o: <\/span><b>as cursivas<\/b><span style=\"font-weight: 400\">, que remetem \u00e0 escrita manual; <\/span><b>as fontes fantasia<\/b><span style=\"font-weight: 400\">, que s\u00e3o mais decorativas; <\/span><b>as fontes monoespa\u00e7adas<\/b><span style=\"font-weight: 400\">, utilizadas normalmente para escrever linguagem de programa\u00e7\u00e3o e <\/span><b>as fontes responsivas<\/b><span style=\"font-weight: 400\">, que se adaptam em qualquer dispositivo.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Evite_um_Carnaval_de_Fontes\"><\/span>Evite um Carnaval de Fontes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">A menos que voc\u00ea seja um expert e queira ousar de maneira inteligente, de maneira geral, o recomendado \u00e9 evitar utilizar muitas fontes para WordPress. <\/span><b>O ideal \u00e9 incorporar duas ou tr\u00eas fontes em seu site<\/b><span style=\"font-weight: 400\">. Existem duas justificativas para isso. A primeira \u00e9 a hierarquia de fontes e estilos que deve ter no seu site. Normalmente, escolhemos uma fonte para o corpo do texto, mais b\u00e1sica e simples, uma fonte mais elaborada e exclusiva para t\u00edtulos e muitas vezes uma outra para subt\u00edtulos ou pequenas descri\u00e7\u00f5es.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"fonte para WordPress alignnone wp-image-32157\" title=\"fonte para WordPress\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/2815291-1.jpg\" alt=\"fonte para WordPress\" width=\"850\" height=\"516\" \/><\/p>\n<p><span style=\"font-weight: 400\">Al\u00e9m da justificativa est\u00e9tica, \u00e9 preciso ter em mente que cada fonte que voc\u00ea incorpora no seu site, \u00e9 um arquivo adicional que precisar\u00e1 ser carregado. Dessa forma, quando voc\u00ea insere muitas fontes para WordPress, o carregamento do seu site acaba sendo afetado, muitas vezes tornando a performance abaixo da esperada.\u00a0 Estamos falando de <\/span><b>acessibilidade<\/b><span style=\"font-weight: 400\">, ponto que destacamos logo no in\u00edcio do texto.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Assim ao escolher duas ou no m\u00e1ximo tr\u00eas fontes para WordPress, voc\u00ea ter\u00e1 um site mais leve, com hierarquia e continuidade de estilos. \u00c9 a velha m\u00e1xima do minimalismo que serve para ajudar. No caso de fonte para WordPress, <\/span><b>menos \u00e9 mais<\/b><span style=\"font-weight: 400\">.\u00a0<\/span><\/p>\n<p><b>Leia tamb\u00e9m: <\/b><a href=\"https:\/\/www.yogh.com.br\/blog\/tendencias-de-design-para-wordpress-em-2019-e-2020\/\"><b>Tend\u00eancias de design para WordPress em 2019 e 2020<\/b><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Valorize_os_espacos_em_branco\"><\/span>Valorize os espa\u00e7os em branco<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Muita gente acaba se questionando sobre os espa\u00e7os em branco ao ver layout de site. Mas saiba que s\u00e3o eles que contribuem para a legibilidade do conte\u00fado, juntamente com o tamanho e a cor das fontes escolhidas. J\u00e1 imaginou ter um site com palavras todas amontoadas e as frases muito juntas? A leitura ficaria praticamente imposs\u00edvel e provavelmente voc\u00ea desistiria de ficar no site.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"fonte para WordPress alignnone wp-image-32154\" title=\"fonte para WordPress\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/couper-modele-police-alphabet-dessin-lettres-chiffres_6343-664.jpg\" alt=\"fonte para WordPress\" width=\"850\" height=\"679\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/couper-modele-police-alphabet-dessin-lettres-chiffres_6343-664.jpg 626w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/couper-modele-police-alphabet-dessin-lettres-chiffres_6343-664-300x240.jpg 300w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<p><span style=\"font-weight: 400\">A fonte para WordPress escolhida deve ser simples e com tamanho adequado. Para textos de site, <\/span><b>a fonte nunca deve ser menor do que 12px<\/b><span style=\"font-weight: 400\">. Os t\u00edtulos, subt\u00edtulos, menus e submenus devem respeitar uma hierarquia, obedecendo a ordem da disposi\u00e7\u00e3o das coisas mais relevantes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Outro ponto de aten\u00e7\u00e3o devem ser as fontes cheias de curvas e com muitos detalhes. Elas podem at\u00e9 ser bonitas para marcas, mas no corpo de texto ou t\u00edtulos do seu site podem acabar afetando na leitura e causando desconforto do seu p\u00fablico.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Justificado_aqui_nao\"><\/span>Justificado, aqui n\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Sabe aquelas regras de ABNT para textos acad\u00eamicos? Ent\u00e3o esque\u00e7a. Se nos trabalhos ou em livros \u00e9 comum vermos o alinhamento justificado, na web, esse tipo de alinhamento n\u00e3o funciona. Isso porque n\u00e3o \u00e9 poss\u00edvel hifenizar o texto na web, o que acaba gerando espa\u00e7amentos maiores do que os ideais entre as palavras do texto, conhecidos como os \u201ccaminhos de rato\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ent\u00e3o, priorize sempre o alinhamento \u00e0 esquerda, \u00e0 direita ou at\u00e9 mesmo centralizado.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mas_afinal_qual_fonte_escolher_para_o_meu_site\"><\/span>Mas afinal, qual fonte escolher para o meu site?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Como voc\u00ea percebeu, os pontos apresentados acima s\u00e3o orienta\u00e7\u00f5es gerais para saber como escolher a melhor fonte para WordPress. Entretanto, voc\u00ea pode estar ainda se questionando sobre quais fontes espec\u00edficas escolher. De maneira geral, essa sele\u00e7\u00e3o de tipografia deve levar em conta o <\/span><b>perfil do seu neg\u00f3cio e sua \u00e1rea de atua\u00e7\u00e3o no mercado<\/b><span style=\"font-weight: 400\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se voc\u00ea trabalha em uma \u00e1rea mais \u201ctradicional\u201d \u2013 escrit\u00f3rios de advocacia, consultoria, im\u00f3veis, opte por <\/span><b>fontes mais tradicionais<\/b><span style=\"font-weight: 400\">, muitas vezes at\u00e9 algumas fontes com serifa, utilizando em t\u00edtulos.\u00a0\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"fonte para WordPress alignnone wp-image-32158\" title=\"fonte para WordPress\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2019\/10\/2564579-1.jpg\" alt=\"fonte para WordPress\" width=\"850\" height=\"522\" \/><\/p>\n<p><span style=\"font-weight: 400\">Por outro lado, se sua empresa \u00e9 mais art\u00edstica ou lide com a cultura de alguma forma, voc\u00ea pode experimentar <\/span><b>fontes mais ousadas<\/b><span style=\"font-weight: 400\">, at\u00e9 mesmo as fantasia. As fontes fantasia s\u00e3o boas tamb\u00e9m para t\u00edtulos em sites infantis, trazendo <\/span><b>divers\u00e3o e jovialidade<\/b><span style=\"font-weight: 400\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Fontes \u201cpesadas\u201d e fortes, em negrito, acabam passando ideia de <\/span><b>pot\u00eancia e estabilidade<\/b><span style=\"font-weight: 400\">. Elas s\u00e3o muito utilizadas em sites de academias, empresas de constru\u00e7\u00e3o civil ou sites de carros. Agora as fontes mais alongadas e estreitas remetem ao <\/span><b>luxo e eleg\u00e2ncia<\/b><span style=\"font-weight: 400\">, uma excelente escolha para sites de hot\u00e9is, lojas de joias ou em um portf\u00f3lio.\u00a0<\/span><\/p>\n<p><b>Leia tamb\u00e9m: <\/b><a href=\"https:\/\/www.yogh.com.br\/blog\/7-plugins-de-tipografia-wordpress\/\"><b>7 plugins de tipografia WordPress para melhorar seu site<\/b><\/a><\/p>\n<p><span style=\"font-weight: 400\">De maneira geral, existem diferentes orienta\u00e7\u00f5es para conseguir fazer uma boa escolha de fonte para WordPress. A melhor forma \u00e9 <\/span><b>experimentar antes de decidir<\/b><span style=\"font-weight: 400\">. Teste quais delas mais se adaptam, sempre levando em considera\u00e7\u00e3o o design do seu site e a identidade da sua marca.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Quer uma ajuda profissional e evitar erros? Ent\u00e3o conte com uma equipe especializada que far\u00e1 um estudo detalhado de mercado e construir\u00e1 um site de acordo com as necessidades do seu p\u00fablico-consumidor. Aqui na Yogh voc\u00ea tem profissionais atualizados e sempre atentos \u00e0s exig\u00eancias do mercado. <\/span><a href=\"https:\/\/www.yogh.com.br\/contato\/\"><b>Fale com a gente<\/b><\/a><span style=\"font-weight: 400\"> e tenha um site com \u00f3timo desempenho! <\/span>\t\t<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/#Para_comecar_quais_sao_os_estilos_de_fontes_existentes\" >Para come\u00e7ar: quais s\u00e3o os estilos de fontes existentes:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/#Evite_um_Carnaval_de_Fontes\" >Evite um Carnaval de Fontes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/#Valorize_os_espacos_em_branco\" >Valorize os espa\u00e7os em branco<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/#Justificado_aqui_nao\" >Justificado, aqui n\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yogh.com.br\/blog\/como-escolher-boas-fontes-para-wordpress\/#Mas_afinal_qual_fonte_escolher_para_o_meu_site\" >Mas afinal, qual fonte escolher para o meu site?<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Quantas vezes voc\u00ea j\u00e1 acessou um site e acabou sentindo certo desconforto, mas n\u00e3o conseguiu identificar o motivo?\u00a0 Pois saiba que \u00e9 poss\u00edvel que essa sensa\u00e7\u00e3o pode ter sido provocada pelo tipo de fonte escolhida. A escolha de tipografia influencia diretamente na experi\u00eancia de um usu\u00e1rio ao visitar um site. Para isso, na hora de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":32155,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[7,19],"tags":[],"class_list":["post-32151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital","category-dicas-wordpress"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/comments?post=32151"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32151\/revisions"}],"predecessor-version":[{"id":38974,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/32151\/revisions\/38974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/32155"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=32151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=32151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=32151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}