Use os links ao lado para navegar at\u00e9 a se\u00e7\u00e3o que mais lhe interessa, ou pule diretamente para nossa lista de fontes seguras na web.<\/p>\n
Quais fontes s\u00e3o seguras para a Web?<\/h2>\n
Incluindo varia\u00e7\u00f5es, h\u00e1 mais de 650.000<\/a> fontes diferentes dispon\u00edveis on-line. As fontes que s\u00e3o suportadas pela maioria dos navegadores e sistemas operacionais da web s\u00e3o consideradas seguras para a web. O sistema operacional inclui automaticamente os arquivos de fontes, para que os visitantes n\u00e3o tenham que baixar as fontes de seus servidores.<\/p>\n Um exemplo \u00e9 a onipresente fonte Arial que deu origem a milhares de “spin-offs”.<\/p>\n Claro, a grande maioria dos usu\u00e1rios agora usa o Google Chrome<\/a>, tanto no celular quanto no desktop. Mas isso n\u00e3o significa que as fontes seguras para a web sejam coisa do passado.<\/p>\n De fato, as fontes suportadas variam de acordo com os sistemas operacionais, incluindo a vers\u00e3o atual que um usu\u00e1rio possui. Portanto, se voc\u00ea projetar um website<\/a> com uma fonte suportada apenas pela mais nova vers\u00e3o do Windows 10, a maioria dos usu\u00e1rios ver\u00e1 algo mais.<\/p>\n Al\u00e9m disso, se voc\u00ea optar por usar e hospedar uma fonte local<\/a> personalizada, ou uma fonte hospedada por terceiros, isso pode diminuir a velocidade de seu website. Portanto, a mudan\u00e7a para fontes seguras na web pode acelerar seu website<\/a>. E isso \u00e9 uma coisa \u00f3tima. Porque quase 70% dos consumidores<\/a> dizem que a velocidade da p\u00e1gina<\/a> influencia suas decis\u00f5es de compra.<\/p>\n Google Fonts<\/a> n\u00e3o s\u00e3o inerentemente suportadas por seu sistema operacional, portanto, por defini\u00e7\u00e3o, elas n\u00e3o s\u00e3o fontes seguras para a web. Em vez disso, como o Google, um terceiro, as hospeda, uma fonte do Google \u00e9 chamada de fonte web. Confuso, n\u00f3s sabemos, mas a diferen\u00e7a \u00e9 que seu navegador precisa carregar um arquivo antes de poder mostrar as fontes do Google.<\/p>\n As fontes seguras na Web j\u00e1 t\u00eam arquivos de fontes prontos na maioria dos dispositivos. Mas, n\u00e3o se preocupe com a falta da palavra “seguro”. As fontes do Google s\u00e3o<\/em> completamente seguras para serem usadas para melhorar o design de seu website. Mas, as solicita\u00e7\u00f5es HTTP<\/a> extras a um servidor externo podem diminuir a velocidade de carregamento de sua p\u00e1gina<\/a>.<\/p>\n\n Compilamos uma lista de mais de trinta fontes diferentes e de grande apar\u00eancia que voc\u00ea pode usar para projetar seu website.<\/p>\n Vamos direto ao assunto.<\/p>\n Arial \u00e9 uma fonte cl\u00e1ssica sem serifa, adequada tanto para par\u00e1grafos quanto para manchetes<\/a>. H\u00e1 muito tempo tem sido um ponto de partida no design da web<\/a>. Embora nos \u00faltimos anos tenha sido usado com freq\u00fc\u00eancia como um recurso em uma pilha de fontes, e n\u00e3o como a principal fonte-fam\u00edlia.<\/p>\n Font-family: Arial, Helvetica Neue, Helvetica, sans-serif.<\/p>\n Baskerville \u00e9 uma fonte de serifa relativamente grossa, originalmente desenvolvida como uma fonte tipogr\u00e1fica por John Baskerville em 1750. O design \u00e9 bem equilibrado, usando uma mistura de tra\u00e7os grossos e finos para suavizar as bordas duras de uma tipografia t\u00edpica de serifa. \u00c9 bem suportado pelas novas vers\u00f5es Apple e Microsoft OS.<\/p>\n Font-family: Baskerville, Baskerville Old Face, Garamond, Times New Roman, serif.<\/p>\n Bodoni MT \u00e9 uma fonte serif, como Times New Roman, mais adequada para texto de par\u00e1grafo do que manchetes da maioria dos websites<\/a>. O Bodoni MT est\u00e1 dispon\u00edvel por padr\u00e3o com Microsoft 10 e algumas vers\u00f5es mais antigas. O Bodoni 72 est\u00e1 inclu\u00eddo com MacOS Sierra e vers\u00f5es mais recentes.<\/p>\n Font-family: Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif.<\/p>\n Calibri \u00e9 a fonte padr\u00e3o da Microsoft sem fonte serif e tem sido desde seu lan\u00e7amento com o Microsoft Office 2007. Tem um visual suave e moderno, com bordas arredondadas para elevar a t\u00edpica sensa\u00e7\u00e3o de sem serifa, tornando-a mais quente que rob\u00f3tica.<\/p>\n Font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif.<\/p>\n Calisto MT \u00e9 uma fonte serif com serifas ligeiramente mais macias e menos pronunciadas do que a maioria das fontes similares. \u00c9 uma fonte padr\u00e3o da Microsoft, inclu\u00edda com a maioria das vers\u00f5es mais recentes do Windows. A fonte macOS ou equivalente iOS \u00e9 a fonte Bookman Old Style.<\/p>\n Font-family: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif.<\/p>\n Cambria \u00e9 uma fonte de serifa ainda mais suave, com, em muitos casos, serifas quase impercept\u00edveis mesmo para letras mai\u00fasculas. Isto lhe d\u00e1 uma sensa\u00e7\u00e3o mais moderna<\/a> e tamb\u00e9m mant\u00e9m um alto n\u00edvel de legibilidade nas telas<\/a>.<\/p>\n Font-family: Cambria, Georgia, serif.<\/p>\n Candara \u00e9 uma fonte sans serif. \u00c9 parte da cole\u00e7\u00e3o de fontes ClearType<\/a> da Microsoft. O equivalente em macOS e iOS \u00e9 Optima Regular. Os pesos irregulares fazem com que se sinta um pouco menos moderna e corporativa que outras fontes sans serif.<\/p>\n Font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif.<\/p>\n Century Gothic \u00e9 uma fonte geom\u00e9trica sem serifa, com um aspecto muito limpo e equilibrado. \u00c9 uma \u00f3tima fonte para a web, especialmente para cabe\u00e7alhos e subt\u00edtulos<\/a>. Ela foi originalmente projetada para competir com a fonte Futura. Est\u00e1 inclu\u00edda na maioria dos sistemas operacionais da Microsoft e da Apple.<\/p>\n Font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif.<\/p>\n Consolas \u00e9 uma fonte sans serif com uma abordagem \u00fanica ao design<\/a>. Todos os caracteres t\u00eam a mesma largura, e \u00e9 por isso que usa serifs apenas para a letra “I” e a letra min\u00fascula “l”. Faz parte da cole\u00e7\u00e3o ClearType.<\/p>\n Font-family: Consolas, monaco, monospace.<\/p>\n A placa de cobre g\u00f3tica \u00e9 uma fonte de inspira\u00e7\u00e3o g\u00f3tica, com ligeiras serifas glifosas em certas letras. Como \u00e9 inspirada nas runas g\u00f3ticas, n\u00e3o h\u00e1 uma fonte em letras min\u00fasculas.<\/p>\n Font-family: Copperplate, Copperplate Gothic Light, fantasy.<\/p>\n Courier New \u00e9 uma fonte serif de laje monoespa\u00e7ada, com texto regular muito mais fino do que a maioria das outras fontes serif e sans serif. Tem cobertura quase perfeita tanto pela Microsoft como pela Apple, tanto em computadores como em dispositivos m\u00f3veis.<\/p>\n Font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace.<\/p>\n Dejavu Sans \u00e9 uma fonte sans serif com linhas limpas e retas, quase um retorno<\/a> para as fontes cl\u00e1ssicas sans como Arial e Verdana.<\/p>\n Font-family: Dejavu Sans, Arial, Verdana, sans-serif.<\/p>\n Didot \u00e9 uma fonte inspirada na fonte original Didot, utilizada pela gr\u00e1fica francesa do s\u00e9culo XIX, a fam\u00edlia Didot. \u00c9 um suporte principal da Apple, apoiado pela maioria de seus sistemas operacionais e dispositivos.<\/p>\n Font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif.<\/p>\n Franklin Gothic \u00e9 uma fonte sans serif com letras invulgarmente espessas, quase como se fosse a vers\u00e3o em negrito de outra fonte. A fonte original foi desenvolvida no in\u00edcio do s\u00e9culo 20 por fundadores americanos. \u00c9 uma boa escolha de fonte para manchetes, mas pode n\u00e3o ser uma boa escolha para texto corporal<\/a>.<\/p>\n Font-family: Franklin Gothic, Arial Bold.<\/p>\n Garamond \u00e9 uma fonte serif, inspirada nas fontes tipogr\u00e1ficas feitas pelo gravador parisiense do s\u00e9culo 16, Claude Garamond. Tem bordas mais suaves e arredondadas do que algumas das fontes de serifas mais padronizadas, como a Times New Roman. As vers\u00f5es modernas do Microsoft e Apple OS incluem suas pr\u00f3prias vers\u00f5es da fonte Garamond.<\/p>\n Font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif.<\/p>\n Um parente pr\u00f3ximo de Garamond, Georgia, \u00e9 outra fonte serif com bordas em sua maioria arredondadas e uma sensa\u00e7\u00e3o bastante quente. Foi desenvolvida para a Microsoft em 1996 e ainda \u00e9 uma das fontes mais difundidas da MS. \u00c9 suportada por praticamente todas as vers\u00f5es Windows e macOS.<\/p>\n Font-family: Georgia, Times, Times New Roman, serif.<\/p>\n Gill Sans \u00e9 uma fonte sans serif, com linhas afiadas e limpas que lhe d\u00e3o um visual moderno. N\u00e3o \u00e9 ideal para texto de par\u00e1grafo fora da caixa, devido \u00e0 sua falta de contraste<\/a> entre letras, e espa\u00e7amento fechado. Mas, como voc\u00ea pode ver no texto de exemplo, ele faz uma manchete com grande apar\u00eancia. A maioria dos dispositivos iOS, macOS e Windows o suportam.<\/p>\n Font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif.<\/p>\n Goudy Old Style \u00e9 uma fonte serif de estilo antigo suave, com serifas fortes e um visual e toque antiquado. Os per\u00edodos s\u00e3o em forma de diamante em vez dos c\u00edrculos redondos regulares e perfeitos da maioria das fontes de serifas. Est\u00e1 inclu\u00edda com a maioria das vers\u00f5es mais recentes do Windows.<\/p>\n Font-family: Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif.<\/p>\n Helvetica \u00e9 talvez a fonte mais famosa de todos os tempos, e definitivamente uma das \u00fanicas fontes a ter seu pr\u00f3prio document\u00e1rio dedicado. \u00c9 uma fonte moderna sem serifa, inspirada em outras fontes su\u00ed\u00e7as e alem\u00e3s modernas do final do s\u00e9culo XIX e in\u00edcio do s\u00e9culo XX.<\/p>\n Em vez de um design suave, arredondado e quente, \u00e9 equilibrado e focado em linhas e formas limpas. Isto o torna uma das poucas fontes adequadas tanto para c\u00f3pia corporal quanto para manchetes. Todos os dispositivos da Apple incluem fontes Helvetica, enquanto que a Microsoft tem como padr\u00e3o a Arial, seu equivalente em MS.<\/p>\n Font-family: Helvetica Neue, Helvetica, Arial, sans-serif.<\/p>\n Impact \u00e9 uma fonte realista sem serifa, com uma apar\u00eancia em negrito muito grossa como padr\u00e3o para todos os textos, mai\u00fasculas e min\u00fasculas. A ousadia faz com que se destaque do texto normal e o torna perfeito para manchetes ou CTAs (chamadas \u00e0 a\u00e7\u00e3o)<\/a>, mas n\u00e3o \u00e9 ideal para c\u00f3pia corporal.<\/p>\n Fez parte do n\u00facleo original\u00a0fontes<\/a> para o pacote em 1998. Ainda hoje \u00e9 amplamente inclu\u00edda e suportada tanto por computadores e telefones Apple e Windows.<\/p>\n Font-family: Impact, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif.<\/p>\n Lucida Bright \u00e9 a fonte serif na linha de fontes Lucida da Microsoft, desenvolvida para a MS em 1991. Uma das coisas que o faz se destacar \u00e9 o uso de serifas mais quadradas e robustas, por exemplo, na letra “T” e “L” mai\u00fascula. Ela est\u00e1 inclu\u00edda por padr\u00e3o na maioria das vers\u00f5es mais novas do Windows, enquanto o MacOS normalmente inclui apenas a fonte sans serif Lucida Grande, fazendo da Ge\u00f3rgia uma fonte l\u00f3gica de recurso.<\/p>\n Font-family: Lucida Bright, Georgia, serif.<\/p>\n Lucida Sans \u00e9 uma fonte humanista sem serifa, projetada especificamente para complementar as fontes serifas da linha Lucida. H\u00e1 uma varia\u00e7\u00e3o maior no peso do tra\u00e7o do que com as fontes sem serifas mais limpas como Helvetica ou Arial. Isto o faz sentir-se um pouco menos futurista ou rob\u00f3tico, e mais l\u00fadico. Fora da caixa, \u00e9 uma \u00f3tima fonte para manchetes e CTAs.<\/p>\n Font-family: Lucida Sans, Helvetica, Arial, sans-serif.<\/p>\n Microsoft Sans Serif \u00e9 uma fonte sans serif introduzida pela primeira vez com o Windows 2000. \u00c9 o sucessor da fonte MS Sans Serif, que tamb\u00e9m era conhecida como Helv (abrevia\u00e7\u00e3o de Helvetica). \u00c9 inspirada e baseada na Helvetica, a principal fonte do tipo sans serif nos tempos modernos<\/a>.<\/p>\n \u00c9 uma fonte limpa com peso uniforme, levando a um visual limpo e profissional<\/a>. Perfeito para manchetes e websites corporativos<\/a>. Foi inclu\u00edda como uma das fontes originais para a web e ainda \u00e9 padr\u00e3o para todos os dispositivos Microsoft.<\/p>\n Font-family: MS Sans Serif, sans-serif.<\/p>\n Optima \u00e9 uma fonte humanista sem serifa, com peso de curso vari\u00e1vel e simetria vari\u00e1vel. Isto faz com que pare\u00e7a quase feito \u00e0 m\u00e3o, o que combate o t\u00edpico toque produzido em massa de uma fonte sans serif. \u00c9 uma das fontes padr\u00e3o da Apple sans serif e suportada pela maioria dos dispositivos iOS e macOS. O equivalente da Microsoft \u00e9 Segoe.<\/p>\n Font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif.<\/p>\n Palatino \u00e9 outra serifa de estilo antigo e se sentiria em casa em qualquer jornal ou revista on-line. Mas \u00e9 menos uniforme do que algo como um Ge\u00f3rgia ou Times New Roman, com pesos e formatos variados.<\/p>\n A abordagem de design ajuda a suavizar letras afiadas como k, l, x, y, e z. \u00c9 tamb\u00e9m ligeiramente mais ousada do que outras fontes serifas. Estes dois fatores ajudam a sentir-se um pouco mais quente. O Palatino est\u00e1 inclu\u00eddo com a maioria dos dispositivos Windows e Apple.<\/p>\n Font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif.<\/p>\n Perpetua \u00e9 uma fonte serif com um design \u00fanico, originalmente criada pelo escultor ingl\u00eas Eric Gill. H\u00e1 um forte contraste no peso do tra\u00e7o, por exemplo, olhe para o “e” min\u00fasculo ou o n\u00famero “3”. Isto d\u00e1 \u00e0 fonte uma qualidade criativa, quase l\u00fadica. \u00c9 tipicamente uma fonte do Windows, mas Baskerville, um parente pr\u00f3ximo, \u00e9 padr\u00e3o na maioria dos dispositivos Apple.<\/p>\n Font-family: Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino, serif.<\/p>\n Rockwell \u00e9 uma fonte serifa quadrada ou de laje com letras muito ousadas, quase monoweight. \u00c9 adequado para manchetes ou CTAs, mas o peso da fonte adicionado n\u00e3o \u00e9 \u00f3timo para texto corporal. Est\u00e1 inclu\u00edda na maioria das vers\u00f5es mais recentes do MS Windows.<\/p>\n Font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif.<\/p>\n Segoe UI \u00e9 a principal fonte sans serif da fam\u00edlia de fontes Segoe. A Microsoft n\u00e3o s\u00f3 a utiliza em muitas aplica\u00e7\u00f5es, mas tamb\u00e9m em v\u00e1rios materiais de marketing para seus produtos.<\/p>\n \u00c9 uma fonte moderna<\/a>, com letras sim\u00e9tricas e pouca varia\u00e7\u00e3o no peso do tra\u00e7o. A fonte n\u00e3o est\u00e1 inclu\u00edda nos computadores Apple, mas a equivalente Helvetica Neue \u00e9 semelhante em apar\u00eancia e sensa\u00e7\u00e3o.<\/p>\n Font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif.<\/p>\n Tahoma \u00e9 outra fonte sem serif desenvolvida pela Microsoft. Tem letras ligeiramente mais ousadas que a Segoe UI e usa pontos quadrados para suas letras min\u00fasculas, pontos e outras marcas.<\/p>\n \u00c9 uma fonte limpa e uniforme, e n\u00e3o se sentiria deslocada em conte\u00fado ou t\u00edtulos. Est\u00e1 inclu\u00edda em todos os dispositivos Microsoft e praticamente em todos os dispositivos Apple.<\/p>\n Font-family: Tahoma, Verdana, Segoe, sans-serif.<\/p>\n Trebuchet MS \u00e9 outra fonte sans serif desenvolvida pela Microsoft. Foi uma das fontes originais inclu\u00eddas no n\u00facleo de fontes para o pacote web da Microsoft. Ela ainda \u00e9 suportada por praticamente todos os dispositivos da Microsoft e da Apple. As letras s\u00e3o mais finas do que muitas outras fontes sans serif, tornando-a uma op\u00e7\u00e3o para par\u00e1grafos e corpo de texto.<\/p>\n Font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif.<\/p>\n Verdana, uma fonte limpa sem serifa, \u00e9 outro grampo da Microsoft que existe desde 1996. O peso do tra\u00e7o \u00e9 bastante baixo para um sans serif, levando a letras finas e f\u00e1ceis de ler. Voc\u00ea pode us\u00e1-la tanto para texto de par\u00e1grafo quanto para manchetes sem problemas. \u00c9 suportado por praticamente todos os dispositivos Apple e Windows.<\/p>\n Font-family: Verdana, Geneva, sans-serif.<\/p>\n Se voc\u00ea quiser usar uma fonte cursiva<\/a> segura para a web, n\u00e3o tem muitas op\u00e7\u00f5es para escolher. Especificamente:<\/p>\n N\u00e3o h\u00e1 nenhuma fonte cursiva que seja universalmente suportada atrav\u00e9s dos dispositivos Apple e Microsoft. Voc\u00ea deve considerar que usar uma fonte cursiva para seu corpo de texto pode n\u00e3o ser uma grande id\u00e9ia, pois a legibilidade \u00e9 uma grande parte da usabilidade do site<\/a>.<\/p>\n Voc\u00ea deve sempre usar texto altamente leg\u00edvel para seus par\u00e1grafos, caso contr\u00e1rio, os visitantes com vis\u00e3o prejudicada ter\u00e3o dificuldade para ler o texto em seu site. Isto pode levar a altas taxas de ressalto<\/a> e a uma falta geral de envolvimento com seu conte\u00fado<\/a>.<\/p>\n Sans significa “sem” em franc\u00eas, ent\u00e3o sans serif significa essencialmente “sem serif”. Um serif \u00e9 uma linha ou tra\u00e7o adicionado a um tra\u00e7o mais longo em uma letra. Por exemplo, as pequenas linhas verticais sob o tra\u00e7o superior em um “T” mai\u00fasculo, comum em manchetes de jornais ou revistas. As fontes sem serif s\u00e3o as mais comuns e populares na web, portanto, voc\u00ea tem muitas op\u00e7\u00f5es para escolher:<\/p>\n O \u00f3timo das fontes seguras na web \u00e9 que voc\u00ea n\u00e3o tem que se preocupar em baix\u00e1-las. Elas j\u00e1 s\u00e3o suportadas pelo sistema operacional de cada visitante, ent\u00e3o voc\u00ea s\u00f3 precisa codific\u00e1-las com o CSS<\/a>. Se voc\u00ea n\u00e3o souber nada sobre HTML e CSS ou codifica\u00e7\u00e3o para a web, isto pode parecer um pouco avassalador.<\/p>\n Mas acredite em n\u00f3s, n\u00e3o \u00e9 t\u00e3o dif\u00edcil quanto voc\u00ea pensa que \u00e9. N\u00f3s o acompanharemos passo a passo no processo em nossa pr\u00f3xima se\u00e7\u00e3o.<\/p>\n Se voc\u00ea tem um site WordPress com o \u00faltimo tema Twenty Twenty<\/a>, voc\u00ea pode editar as fontes HTML<\/a> adicionando CSS personalizado no personalizador WordPress<\/a>.<\/p>\n Acesse-o clicando no link Apar\u00eancia > Personalizar no menu, e depois expandindo a guia adicional CSS.<\/p>\n Em seguida, voc\u00ea precisa usar as ferramentas Chrome Dev Tools (ou uma ferramenta similar para outro navegador) para identificar os seletores<\/a> do texto que voc\u00ea deseja alterar.<\/p>\n Por exemplo, voc\u00ea pode inspecionar a manchete do seu post no blog<\/a>:<\/p>\n Podemos ver que o tema<\/a> utiliza o seletor padr\u00e3o “entry-title” para a manchete. Voc\u00ea tamb\u00e9m pode procurar pelo atributo “font-family” para ver como o tema est\u00e1 estilizando o texto, e em que n\u00edvel.<\/p>\n Como o Twenty Twenty n\u00e3o usa uma fonte espec\u00edfica para manchetes, voc\u00ea pode modificar facilmente a fonte da manchete, visando o seletor “font-family”.<\/p>\n Por exemplo, se quisermos mudar a manchete para a fonte Impact, podemos usar o seguinte c\u00f3digo:<\/p>\n Basta adicion\u00e1-lo ao CSS adicional<\/a> e clicar em “Publicar” para impulsionar suas mudan\u00e7as ao vivo.<\/p>\n Cobrimos isto e muito mais em nosso guia sobre como mudar as fontes no WordPress.<\/a> Se voc\u00ea construiu seu website usando HTML e CSS<\/a>, voc\u00ea pode editar a fonte diretamente no c\u00f3digo fonte.<\/p>\n Por exemplo, se voc\u00ea usar a etiqueta de estilo nos documentos HTML<\/a> para aplicar o c\u00f3digo CSS a cada p\u00e1gina, voc\u00ea pode editar o atributo font-family ali.<\/p>\n Se voc\u00ea quiser mudar a fonte de todo o texto da p\u00e1gina, voc\u00ea deve direcionar o seletor de “corpo”. Se voc\u00ea quiser mudar a fonte para um texto espec\u00edfico, voc\u00ea precisa usar um seletor espec\u00edfico.<\/p>\n Se voc\u00ea usou um modelo para construir seu website, \u00e9 muito prov\u00e1vel que seu CSS esteja localizado em uma folha de estilo separada. Isto \u00e9 \u00f3timo porque significa que voc\u00ea pode mudar a fonte de todo o seu site editando apenas um arquivo.<\/p>\n Nesse caso, voc\u00ea precisa encontrar seu arquivo de folha de estilo<\/a> (normalmente chamado style.css ou alguma varia\u00e7\u00e3o do mesmo). Depois, voc\u00ea precisa encontrar a se\u00e7\u00e3o que controla as fontes e tipos de letra de seu site.<\/p>\n Normalmente, isto \u00e9 feito em dire\u00e7\u00e3o ao topo. Caso contr\u00e1rio, voc\u00ea pode procurar por “font-family” usando o editor de c\u00f3digo de sua escolha.<\/p>\n\n Assim como nos temas<\/a> e plugins<\/a>, n\u00e3o faltam op\u00e7\u00f5es para voc\u00ea quando se trata de id\u00e9ias de fontes.<\/p>\n Com uma variedade de fontes serif, sans serif, monospace e at\u00e9 mesmo cursive dispon\u00edveis gratuitamente, as fontes seguras na web s\u00e3o um \u00f3timo lugar para come\u00e7ar ao criar um site.<\/p>\nAs fontes Web Safe Fonts s\u00e3o necess\u00e1rias em 2026?<\/h2>\n
![\"Participa\u00e7\u00e3o](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/participacao-de-mercado-dos-navegadores.png\")
As fontes do Google s\u00e3o seguras na web?<\/h2>\n
31 Melhores fontes seguras na Web<\/h2>\n
1. Arial<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/arial.jpg\")
Pilha de fontes recomendada<\/h4>\n
2. Baskerville<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/baskerville.jpg\")
Pilha de fontes recomendada<\/h4>\n
3. Bodoni MT \/ Bodoni 72<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/bodoni.jpg\")
Pilha de fontes recomendada<\/h4>\n
4. Calibri<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/calibri.jpg\")
Pilha de fontes recomendada<\/h4>\n
5. Calisto MT<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/calisto-mt.jpg\")
Pilha de fontes recomendada<\/h4>\n
6. Cambria<\/h3>\n
![\"cambria](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/cambria.jpg\")
Pilha de fontes recomendada<\/h4>\n
7. Candara<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/candara.jpg\")
Pilha de fontes recomendada<\/h4>\n
8. Century Gothic<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/century-gothic.jpg\")
Pilha de fontes recomendada<\/h4>\n
9. Consolas<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/consolas.jpg\")
Pilha de fontes recomendada<\/h4>\n
10. Copperplate Gothic<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/copperplate-gothic.jpg\")
Pilha de fontes recomendada<\/h4>\n
11. Courier New<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/courier-new.jpg\")
Pilha de fontes recomendada<\/h4>\n
12. Dejavu Sans<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/dejavu-sans.jpg\")
Pilha de fontes recomendada<\/h4>\n
13. Didot<\/h3>\n
![\"Didot\"](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/didot.jpg\")
Pilha de fontes recomendada<\/h4>\n
14. Franklin Gothic<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/franklin-gothic.jpg\")
Pilha de fontes recomendada<\/h4>\n
15. Garamond<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/garamond.jpg\")
Pilha de fontes recomendada<\/h4>\n
16. Georgia<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/georgia.jpg\")
Pilha de fontes recomendada<\/h4>\n
17. Gill Sans<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/gil-sans.jpg\")
Pilha de fontes recomendada<\/h4>\n
18. Goudy Old Style<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/old-style.jpg\")
Pilha de fontes recomendada<\/h4>\n
19. Helvetica<\/h3>\n
![\"Helvetica\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/08\/pasted-image-0.png\")
Pilha de fontes recomendada<\/h4>\n
20. Impact<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/impact.jpg\")
Pilha de fontes recomendada<\/h4>\n
21. Lucida Bright<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/lucida-bright.jpg\")
Pilha de fontes recomendada<\/h4>\n
22. Lucida Sans<\/h3>\n
![\"Lucida](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/lucida-sans.jpg\")
Pilha de fontes recomendada<\/h4>\n
23. Microsoft Sans Serif<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/microsoft-sans-serif.jpg\")
Pilha de fontes recomendada<\/h4>\n
24. Optima<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/optima.jpg\")
Pilha de fontes recomendada<\/h4>\n
25. Palatino<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/palatino.jpg\")
Pilha de fontes recomendada<\/h4>\n
26. Perpetua<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/perpetua.jpg\")
Pilha de fontes recomendada<\/h4>\n
27. Rockwell<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/rockwell.jpg\")
Pilha de fontes recomendada<\/h4>\n
28. Segoe UI<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/segue-ui.jpg\")
Pilha de fontes recomendada<\/h4>\n
29. Tahoma<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/tahoma.jpg\")
Pilha de fontes recomendada<\/h4>\n
30. Trebuchet MS<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/trebuchet-ms.jpg\")
Pilha de fontes recomendada<\/h4>\n
31. Verdana<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/verdaba.jpg\")
Pilha de fontes recomendada<\/h4>\n
Fontes Cursivas Seguras na Web<\/h3>\n
\n
Fontes Web Safe Sans Serif<\/h3>\n
\n
Onde baixar fontes Web Safe?<\/h2>\n
Como adicionar fontes seguras para a Web ao seu site WordPress<\/h2>\n
![\"Personalizador](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/personalizador-wordpress-css-adicional.jpg\")
![\"Ferramentas](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/ferramentas-de-desenvolvimento-cromado-inspecionar.jpg\")
h1.entry-title { font-family: Impact, Charcoal, \"Helvetica Inserat\", \"Bitstream Vera Sans Bold\", \"Arial Black\", sans-serif; }<\/code><\/pre>\n![\"WP](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/wp-customizer.jpg\")
![\"Corpo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/corpo-css-seletor-de-fontes-familia.png\")
![\"Exemplo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/09\/exemplo-de-folha-de-estilo-css.png\")
Resumo<\/h2>\n