{"id":2953,"date":"2019-11-13T00:00:00","date_gmt":"2019-11-13T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/11\/13\/google-fonts\/"},"modified":"2025-09-19T15:13:46","modified_gmt":"2025-09-19T18:13:46","slug":"google-fonts","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/google-fonts\/","title":{"rendered":"Como usar Google Fonts no seu WordPress"},"content":{"rendered":"<p>A escolha de boas fontes para o conte\u00fado escrito de um site \u00e9 uma tarefa embasada em mais do que a decis\u00e3o por algo bonito e leg\u00edvel. Diferentes estilos trazem percep\u00e7\u00f5es espec\u00edficas, dando destaque ou transmitindo uma ideia conceitual a quem acessa o site. Por isso, quem costuma gerenciar projetos no <a rel=\"noreferrer noopener\" href=\"https:\/\/pingback.com\/br\/resources\/wordpress\/\" target=\"_blank\">WordPress<\/a> precisa saber como usar o <strong>Google Fonts<\/strong>.<\/p>\n<p>A p\u00e1gina, de simples acesso, navega\u00e7\u00e3o e escolha de fontes, permite que um usu\u00e1rio escolha diferentes tipos de letras, considerando algumas caracter\u00edsticas, desde as diferentes categorias at\u00e9 os estilos gr\u00e1ficos das fontes.<\/p>\n<p>O mais interessante \u00e9 poder usar cada uma dessas op\u00e7\u00f5es livremente em sites WordPress, fazendo a instala\u00e7\u00e3o em um processo simples e r\u00e1pido.<\/p>\n<p>Neste post voc\u00ea confere os seguintes t\u00f3picos:<\/p>\n[post-table-index]\n[rock-convert-pdf id=&#8221;54423&#8243;]\n<h2 class=\"wp-block-heading\">O que \u00e9 o Google Fonts<\/h2>\n<p>O Google Fonts \u00e9 um banco de fontes do Google em que o usu\u00e1rio pode escolher diferentes estilos de letras e numerais.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=139818239  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:655\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts1-1-1024x655.png\" alt=\"google fonts\" class=\"wp-image-54131\" \/><\/figure>\n<\/div>\n<p>Nesse site, a busca \u00e9 facilitada devido \u00e0 separa\u00e7\u00e3o nos n\u00edveis de categorias, idiomas e caracter\u00edsticas gr\u00e1ficas das fontes.<\/p>\n<p>Elas podem ser instaladas no WordPress, com livre uso para usu\u00e1rios dessa plataforma.<\/p>\n<h2 class=\"wp-block-heading\">Como navegar pelo site?<\/h2>\n<p>O Google Fonts \u00e9 um site fundamental para quem est\u00e1 em trabalho para <a rel=\"noreferrer noopener\" href=\"https:\/\/pingback.com\/br\/resources\/como-criar-um-site\/\" target=\"_blank\">criar um site<\/a> ou <a rel=\"noreferrer noopener\" href=\"https:\/\/pingback.com\/br\/resources\/como-criar-um-blog\/\" target=\"_blank\">blog<\/a> no WordPress (por conta pr\u00f3pria ou pelo <a href=\"https:\/\/stage.rockcontent.com\/br\/?utm_source=SDL&amp;utm_medium=sdl&amp;utm_campaign=sdl&amp;utm_term=sdl&amp;utm_content=sdl\">Stage<\/a>), j\u00e1 que ele oferece fontes gratuitas em um banco de dados amplo e diversificado.<\/p>\n<p>Logo ao acessar a home dessa plataforma, \u00e9 poss\u00edvel perceber que a ideia \u00e9 oferecer algo f\u00e1cil, j\u00e1 que o design do site \u00e9 totalmente minimalista, focando em direcionar o usu\u00e1rio \u00e0 busca da fonte.<\/p>\n<p>De in\u00edcio, a home mostra a barra superior de configura\u00e7\u00f5es de busca e, ao longo da p\u00e1gina, todas as fontes dispon\u00edveis no banco de dados aparecem, com exemplos de como ficam.<\/p>\n<p>Para ver cada uma, basta rolar a p\u00e1gina para baixo, caso esse seja o seu m\u00e9todo de busca favorito.<\/p>\n<p>A procura pela rolagem da p\u00e1gina pode ser uma op\u00e7\u00e3o para quem n\u00e3o tem em mente o que espera da fonte. Ainda assim, \u00e9 uma forma muito mais demorada de procura.<\/p>\n<p>Uma op\u00e7\u00e3o mais otimizada e precisa \u00e9 o uso da barra superior, j\u00e1 que ela ajuda a filtrar as caracter\u00edsticas buscadas para a fonte ideal.<\/p>\n<p>O uso dela \u00e9 muito simples, j\u00e1 que ela nunca some da tela, mesmo que o usu\u00e1rio fa\u00e7a a rolagem para baixo e siga visualizando a oferta de fontes.<\/p>\n<p>Ao acessar a home, o usu\u00e1rio consegue identificar seis op\u00e7\u00f5es principais na barra superior:<\/p>\n<ul class=\"wp-block-list\">\n<li>barra de busca em que o nome da fonte pode ser inserido para encontr\u00e1-la rapidamente;<\/li>\n<li>op\u00e7\u00e3o de sele\u00e7\u00e3o de exemplos em que o usu\u00e1rio escolhe entre numeral, frase, alfabeto ou par\u00e1grafo. Assim, cada fonte que aparece na tela inicial, ou a que for escolhida, ser\u00e1 apresentada dentro de cada uma dessas sele\u00e7\u00f5es que foram escolhidas previamente;<\/li>\n<li>op\u00e7\u00e3o para selecionar, em pixels, o tamanho da exibi\u00e7\u00e3o das fontes na tela;<\/li>\n<li>\u00edcone de balde de tinta, que permite selecionar o background da p\u00e1gina, o que \u00e9 ideal para testar a aplica\u00e7\u00e3o em diferentes cores de fundo, simulando o site em que a fonte ser\u00e1 usada;<\/li>\n<li>op\u00e7\u00e3o para mudar a exibi\u00e7\u00e3o da fonte para lista;<\/li>\n<li>bot\u00e3o de reset para voltar \u00e0s predefini\u00e7\u00f5es iniciais dos filtros.<\/li>\n<\/ul>\n<p>\u00c9 importante destacar que a exibi\u00e7\u00e3o na sua tela \u00e9 uma escolha definida pelo Google na configura\u00e7\u00e3o padr\u00e3o, que \u00e9 a das fontes em alta no momento.<\/p>\n<p>No entanto, em uma barra no canto direito do monitor, \u00e9 poss\u00edvel alterar essa exibi\u00e7\u00e3o para as op\u00e7\u00f5es Most Popular (&#8220;mais popular&#8221;), Newest (&#8220;novas&#8221;) ou Name (em ordem alfab\u00e9tica de acordo com o nome das fontes).<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-opt-id=848153285  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:657\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts2-1-1024x657.png\" alt=\"google fonts\" class=\"wp-image-54132\" width=\"840\" height=\"538\" \/><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Por que usar o Google Fonts?<\/h2>\n<p>H\u00e1 outras formas de conseguir boas fontes na web, mas o Google Fonts \u00e9 uma alternativa que se destaca, gra\u00e7as a algumas boas vantagens. Entre as principais que merecem nosso destaque est\u00e3o:<\/p>\n<ul class=\"wp-block-list\">\n<li>sem custos: voc\u00ea tem uma sele\u00e7\u00e3o incr\u00edvel de fontes de diversos estilos e totalmente gratuitas para escolher;<\/li>\n<li>acess\u00edvel: como voc\u00ea viu neste post, \u00e9 f\u00e1cil acessar o site e realizar o processo de busca, download e instala\u00e7\u00e3o, principalmente usando o plugin;<\/li>\n<li>compat\u00edvel: todas as fontes do Google Fonts s\u00e3o compat\u00edveis com o WordPress.<\/li>\n<\/ul>\n<p><strong>Confira tamb\u00e9m estes conte\u00fados:<\/strong><br \/>\n   <a href=\"https:\/\/pingback.com\/br\/resources\/rock-stage\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">Como criar um site: o que voc\u00ea precisa saber para fazer o seu<\/a><br \/>\n   <a href=\"https:\/\/pingback.com\/br\/resources\/html\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">O que \u00e9 HTML e qual sua funcionalidade?<\/a><br \/>\n   <a href=\"https:\/\/pingback.com\/br\/resources\/wireframes\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">Wireframe: quais os tipos e as principais ferramentas de cria\u00e7\u00e3o<\/a><\/p>\n<p>Sem mist\u00e9rios, escolher uma fonte, baixar e instalar \u00e9 o passo a passo para come\u00e7ar a us\u00e1-la no seu site em WordPress.<\/p>\n<h3 class=\"wp-block-heading\">Escolha uma fonte<\/h3>\n<p>A escolha \u00e9 o passo mais simples. Como explicamos, voc\u00ea tem uma s\u00e9rie de op\u00e7\u00f5es de filtros e configura\u00e7\u00f5es de exibi\u00e7\u00e3o.<\/p>\n<p>Basta optar pela que preferir na p\u00e1gina e, ent\u00e3o, decidir qual fonte voc\u00ea deseja para o seu projeto. H\u00e1 op\u00e7\u00f5es para diferentes tipos de aplica\u00e7\u00f5es, ou seja, elas podem ser utilizadas para construir uma <a href=\"https:\/\/pingback.com\/br\/resources\/landing-page\/\" rel=\"noreferrer noopener\" target=\"_blank\">landing page<\/a> ou para o desenvolvimento de <a href=\"https:\/\/pingback.com\/br\/resources\/conteudo-interativo\/\" rel=\"noreferrer noopener\" target=\"_blank\">conte\u00fados interativos<\/a>. <\/p>\n<p>Quando escolher o modelo ideal, basta clicar sobre o nome da fonte, que voc\u00ea ser\u00e1 direcionado para uma nova p\u00e1gina com um detalhamento sobre o estilo selecionado.<\/p>\n<p>\u00c9 poss\u00edvel modificar o texto de exemplo exibido na lista de fontes. Para isso, escreva uma frase qualquer no campo que cont\u00e9m a express\u00e3o \u201cType something\u201d, localizado ao lado da barra de pesquisa de fontes.<\/p>\n<p>Perceba todas as fontes mostrar\u00e3o esse conte\u00fado. Tamb\u00e9m podemos exibir alguns valores pr\u00e9-definidos, como o alfabeto, os n\u00fameros ou o pr\u00f3prio texto padr\u00e3o definido pela ferramenta.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=721196196  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:466\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts3-1-1024x466.png\" alt=\"google fonts\" class=\"wp-image-54133\" \/><\/figure>\n<\/div>\n<p>Esse recurso \u00e9 interessante para <strong>verificar se as fontes exibem de maneira adequada diferentes caracteres, como acentos e pontua\u00e7\u00f5es<\/strong>. Isso porque h\u00e1 fontes que n\u00e3o oferecem esse recurso, como a Nanum Gothic, que n\u00e3o oferece os caracteres \u201c\u00e3\u201d e \u201c\u00f5\u201d. Isso pode ser prejudicial para a exibi\u00e7\u00e3o do conte\u00fado e para a experi\u00eancia da <a href=\"https:\/\/pingback.com\/br\/resources\/personas\" rel=\"noreferrer noopener\" target=\"_blank\">persona<\/a> no site.<\/p>\n<p>Uma alternativa para identificar as fontes que n\u00e3o acentuam bem \u00e9 modificar o conte\u00fado de exibi\u00e7\u00e3o por letras ou frases que contenham acentua\u00e7\u00e3o.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=656005785  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:615\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts4-1-1024x615.png\" alt=\"google fonts\" class=\"wp-image-54134\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\">Procure pela fonte<\/h3>\n<p>Se voc\u00ea j\u00e1 souber o nome da fonte ou parte dele, pode realizar uma busca adicionando essa informa\u00e7\u00e3o na barra de pesquisa, que a rela\u00e7\u00e3o de fontes que tenham o trecho informado ser\u00e1 listada nos resultados. Isso representa uma <strong>economia de tempo para quem j\u00e1 sabe qual op\u00e7\u00e3o procura<\/strong>.<\/p>\n<h3 class=\"wp-block-heading\">Considere tamanhos e estilos<\/h3>\n<p>Atualmente, <strong>o Google Fonts oferece 1.324 fam\u00edlias de fontes,<\/strong> e esse n\u00famero aumenta constantemente, pois qualquer pessoa pode contribuir com a plataforma e disponibilizar novas fontes.<\/p>\n<p>Al\u00e9m do grande n\u00famero de fontes dispon\u00edveis, \u00e9 importante lembrar que cada uma cont\u00e9m varia\u00e7\u00f5es. Entre elas, o peso, que representa a espessura da fonte, e o estilo, que tamb\u00e9m pode variar bastante em cada alternativa. Alguns dos principais estilos s\u00e3o regular, bold e it\u00e1lico.<\/p>\n<p>Podemos encontrar no Google Fonts tanto fam\u00edlias com apenas um ou dois estilos quanto fontes com cerca de 12, 14 e at\u00e9 18 varia\u00e7\u00f5es. Isso representa muito mais alternativas para os usu\u00e1rios, pois, na pr\u00e1tica, h\u00e1 uma enorme possibilidade de escolha para a utiliza\u00e7\u00e3o em um site.<\/p>\n<p>A quantidade de estilos de cada fonte aparece listada bem ao lado direito do nome da fonte. Dessa forma, fica mais f\u00e1cil identificar as que t\u00eam mais op\u00e7\u00f5es. Vale ressaltar que, em algumas fontes, n\u00e3o h\u00e1 a exibi\u00e7\u00e3o da quantidade de estilos. Em vez disso, elas s\u00e3o listadas como \u201cVariable\u201d, ou seja, s\u00e3o fontes vari\u00e1veis.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=365536037  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:375\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts5-1-1024x375.png\" alt=\"google fonts\" class=\"wp-image-54135\" \/><\/figure>\n<\/div>\n<p>As fontes vari\u00e1veis surgiram em 2016, e oferecem uma forma mais moderna para configurar esse recurso. Na pr\u00e1tica, elas <strong>podem ser personalizadas em diferentes aspectos, como o estilo, a largura e o peso<\/strong>.&nbsp;<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=1991785548  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:542\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts6-1-1024x542.png\" alt=\"google fonts\" class=\"wp-image-54136\" \/><\/figure>\n<\/div>\n<p>Na imagem acima, mostramos as poss\u00edveis varia\u00e7\u00f5es para a fonte Open Sans. Perceba que podemos arrastar os controles localizados na parte esquerda da p\u00e1gina e visualizar o resultado na caixa de exibi\u00e7\u00e3o da fonte. Quando o resultado for o esperado, basta clicar no link \u201cSelect this style\u201d para selecionar o estilo configurado.<\/p>\n<p>Veja que o resultado ser\u00e1 mostrado na barra lateral direita da p\u00e1gina, com diferentes op\u00e7\u00f5es para o download da fonte ou para a c\u00f3pia do c\u00f3digo. N\u00e3o se preocupe, que falaremos mais sobre como baixar e instalar as fontes nos pr\u00f3ximos t\u00f3picos.<\/p>\n<h3 class=\"wp-block-heading\">Use o filtro de pesquisa<\/h3>\n<p>O Google Fonts cont\u00e9m diversas configura\u00e7\u00f5es que podem ser utilizadas para fazer uma busca mais refinada por determinada fonte. No bot\u00e3o \u201cCategories\u201d, por exemplo, podemos <strong>escolher entre os diferentes tipos de fontes e selecionar apenas a op\u00e7\u00e3o desejada<\/strong>. <\/p>\n<p>Tamb\u00e9m \u00e9 poss\u00edvel selecionar um idioma espec\u00edfico ou deixar na configura\u00e7\u00e3o padr\u00e3o, que retorna todas as linguagens dispon\u00edveis.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=2037981431  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:510\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts7-1-1024x510.png\" alt=\"google fonts\" class=\"wp-image-54137\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\">Selecione por categoria<\/h3>\n<p>Como mencionamos, podemos selecionar as fontes por categoria. Esse recurso <strong>facilita a pesquisa por determinados formatos de fontes<\/strong>. As fontes do tipo Display, por exemplo, s\u00e3o mais indicadas para cabe\u00e7alhos e \u00e1reas que precisem de destaque.<\/p>\n<p>J\u00e1 o tipo Sans Serif s\u00e3o fontes que n\u00e3o cont\u00eam serifa, que \u00e9 um pequeno tra\u00e7o nas extremidades da letra, enquanto as do tipo Serif s\u00e3o aquelas que cont\u00eam esse tra\u00e7o. Portanto, indicar a categoria desejada ajuda a trazer os resultados mais apropriados, de acordo com a necessidade de utiliza\u00e7\u00e3o da fonte.<\/p>\n<h3 class=\"wp-block-heading\">Cheque as propriedades da fonte<\/h3>\n<p>Outra forma de sele\u00e7\u00e3o muito \u00fatil \u00e9 utilizar as propriedades da fonte. Podemos selecionar alternativas que contenham acima de determinado n\u00famero de estilos, por exemplo, al\u00e9m de selecionar a espessura, a inclina\u00e7\u00e3o e a largura desejada. Dessa forma, fica mais f\u00e1cil retornar as fontes que atendam ao crit\u00e9rio especificado.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=1445249520  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts8-1.png\" alt=\"google fonts\" class=\"wp-image-54138\" \/><\/figure>\n<\/div>\n<p>Vale ressaltar que <strong>\u00e9 poss\u00edvel combinar todos os filtros que mostramos acima para fazer uma busca ainda mais detalhada<\/strong>. Portanto, esse \u00e9 um poderoso recurso para pesquisar fontes na plataforma e deixar o seu site muito mais elegante e refinado.<\/p>\n<h3 class=\"wp-block-heading\">Baixe a fonte<\/h3>\n<p>Nessa p\u00e1gina que foi aberta, h\u00e1 uma op\u00e7\u00e3o no canto superior direito da tela, com um sinal de &#8220;+&#8221;, e a op\u00e7\u00e3o Select This Font (&#8220;Selecione esta fonte&#8221;).<\/p>\n<p>Basta clicar para reserv\u00e1-la e, ent\u00e3o, uma janela aparecer\u00e1 minimizada na parte inferior da tela.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-opt-id=533886550  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:556\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2021\/11\/google-fonts9-1-1024x556.png\" alt=\"google fonts\" class=\"wp-image-54139\" \/><\/figure>\n<\/div>\n<p>Depois disso, basta clicar na janela minimizada na parte inferior da tela. Ela se abrir\u00e1 e mostrar\u00e1 o c\u00f3digo, que voc\u00ea dele colar no HTML do seu site para que ele mostre a fonte em quest\u00e3o. H\u00e1, tamb\u00e9m, uma aba em que voc\u00ea pode customizar a aplica\u00e7\u00e3o dessa fonte.<\/p>\n<p>No canto superior direito da janela voc\u00ea ver\u00e1 o \u00edcone de download, bastando clicar nele para baixar a fonte para seu computador.<\/p>\n<p>Quando o arquivo for baixado, lembre-se de descomprimir para que a fonte fique dispon\u00edvel.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img data-opt-id=8741869  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:545\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2020\/02\/Imagem_janela-de-fonte-1024x545.png\" alt=\"google fonts\" class=\"wp-image-45613\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\">Instale no site WordPress<\/h3>\n<p>O \u00faltimo passo \u00e9 direto no WordPress. Quem gerencia o site por meio dessa <a href=\"https:\/\/pingback.com\/br\/resources\/como-escolher-um-cms\/\" rel=\"noreferrer noopener\" target=\"_blank\">plataforma CMS<\/a> pode fazer a instala\u00e7\u00e3o de maneira muito mais f\u00e1cil.<\/p>\n<p>Para isso, basta baixar o plugin Easy Google Fonts, e ele ajudar\u00e1 a realizar esse processo de maneira simples, sem mexer no c\u00f3digo do site.<\/p>\n<p>Ap\u00f3s baixar e instalar o plugin, basta encontrar a sua fonte que foi baixada (ela aparecer\u00e1 na lista que o Easy Google Fonts disponibiliza) e ativ\u00e1-la. O processo \u00e9 bem simples e muito mais r\u00e1pido quando feito dessa forma!<\/p>\n<p>Como mencionamos, tamb\u00e9m \u00e9 poss\u00edvel fazer a c\u00f3pia do c\u00f3digo HTML e editar o c\u00f3digo fonte do site. Entretanto, essa alternativa deve ser feita por pessoas com conhecimento em programa\u00e7\u00e3o, pois qualquer edi\u00e7\u00e3o errada pode comprometer o funcionamento do site. <\/p>\n<p>Por isso, a utiliza\u00e7\u00e3o de plugins para a realiza\u00e7\u00e3o dessa tarefa, al\u00e9m de ser mais f\u00e1cil, evita o risco de maiores complica\u00e7\u00f5es.<\/p>\n<p>Escolher a fonte ideal para o seu site n\u00e3o precisa ser mais uma dor de cabe\u00e7a! Usar o Google Fonts \u00e9 a melhor sa\u00edda para encontrar o estilo ideal de letras e numerais para o projeto. Assim, voc\u00ea pode causar o impacto desejado nos seus usu\u00e1rios.<\/p>\n<p>Em busca de outros bons plugins de WordPress? <a href=\"https:\/\/pingback.com\/br\/resources\/melhores-plugins-de-wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">Confira os 63 melhores gratuitos da nossa sele\u00e7\u00e3o!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Google Fonts \u00e9 o banco de dados gratuito de fontes do Google. A incr\u00edvel sele\u00e7\u00e3o traz diferentes estilos de texto e numerais, sempre com compatibilidade total para aplica\u00e7\u00e3o no WordPress. A plataforma \u00e9 de f\u00e1cil acesso e a busca \u00e9 otimizada.<\/p>\n","protected":false},"author":1,"featured_media":56224,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como baixar fontes do Google Fonts para o WordPress<\/title>\n<meta name=\"description\" content=\"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/google-fonts\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como baixar fontes do Google Fonts para o WordPress\" \/>\n<meta property=\"og:description\" content=\"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/google-fonts\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-13T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T18:13:46+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/\",\"name\":\"Como baixar fontes do Google Fonts para o WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-11-13T00:00:00+00:00\",\"dateModified\":\"2025-09-19T18:13:46+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/google-fonts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/google-fonts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como usar Google Fonts no seu WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como baixar fontes do Google Fonts para o WordPress","description":"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.","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:\/\/pingback.com\/br\/resources\/google-fonts\/","og_locale":"pt_BR","og_type":"article","og_title":"Como baixar fontes do Google Fonts para o WordPress","og_description":"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.","og_url":"https:\/\/pingback.com\/br\/resources\/google-fonts\/","og_site_name":"Pingback","article_published_time":"2019-11-13T00:00:00+00:00","article_modified_time":"2025-09-19T18:13:46+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/","url":"https:\/\/pingback.com\/br\/resources\/google-fonts\/","name":"Como baixar fontes do Google Fonts para o WordPress","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-11-13T00:00:00+00:00","dateModified":"2025-09-19T18:13:46+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"O Google Fonts \u00e9 um reposit\u00f3rio gratuito de fontes e pode ser utilizado de forma simples e r\u00e1pida em um site WordPress.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/google-fonts\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/google-fonts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Como usar Google Fonts no seu WordPress"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=2953"}],"version-history":[{"count":1,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2953\/revisions"}],"predecessor-version":[{"id":81236,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2953\/revisions\/81236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=2953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}