{"id":244755,"date":"2022-04-02T10:37:00","date_gmt":"2022-04-02T07:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244755"},"modified":"2021-10-28T01:34:56","modified_gmt":"2021-10-27T22:34:56","slug":"como-alterar-fontes-no-wordpress-a-maneira-facil","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-alterar-fontes-no-wordpress-a-maneira-facil\/","title":{"rendered":"Como alterar fontes no WordPress [A maneira f\u00e1cil]"},"content":{"rendered":"<p>Quer alterar a fonte usada em seu site WordPress?<\/p>\n<p>Com as ferramentas certas, \u00e9 f\u00e1cil trocar a fonte do seu site ou adicionar v\u00e1rias novas fontes. Siga este tutorial r\u00e1pido e voc\u00ea ter\u00e1 uma nova fonte sendo exibida em seu site nos pr\u00f3ximos minutos.<\/p>\n<h2>Como usar as fontes f\u00e1ceis do Google<\/h2>\n<p>A melhor maneira de alterar a fonte em seu site \u00e9 com o plugin <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Easy Google Fonts<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fca7150.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" \/><\/a><\/p>\n<p>Este plugin d\u00e1 acesso a centenas de fontes diferentes para usar em seu site. Antes de prosseguirmos com o plug-in, vamos dedicar um momento para abordar o que \u00e9 o Google Fonts.<\/p>\n<p><strong>Atualiza\u00e7\u00e3o:<\/strong> meu novo v\u00eddeo tutorial ir\u00e1 gui\u00e1-lo atrav\u00e9s das etapas (ele usa um plugin diferente do deste tutorial).<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_CZCfFl59iE\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inscreva-se nos Temas do Compete no Youtube<\/a><\/p>\n<h3>O que \u00e9 Google Fonts?<\/h3>\n<p><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">O Google Fonts<\/a> fornece acesso a centenas de fontes de uso gratuito em qualquer site. Para qualquer desenvolvedor da web que deseja adicionar uma fonte a seu site, o Google Fonts torna isso mais f\u00e1cil.<\/p>\n<p>Se voc\u00ea n\u00e3o conhece os meandros da constru\u00e7\u00e3o de sites, \u00e9 a\u00ed que entra o plug-in Easy Google Fonts. Ele lida com as partes t\u00e9cnicas para voc\u00ea, ent\u00e3o tudo que voc\u00ea precisa fazer \u00e9 selecionar quais fontes voc\u00ea gosta.<\/p>\n<p>Entendi? \u00d3timo, vamos adicionar essas fontes!<\/p>\n<h3>Crie seu controle de fonte<\/h3>\n<p>Ao ativar o plug-in, voc\u00ea encontrar\u00e1 um novo item de menu do Google Fonts adicionado em Configura\u00e7\u00f5es. Nessa p\u00e1gina, voc\u00ea encontrar\u00e1 as seguintes op\u00e7\u00f5es:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" ><\/a><\/p>\n<p>Posteriormente, voc\u00ea atribuir\u00e1 fontes ao seu &quot;controle de fonte&quot; para que possa ter v\u00e1rios controles de fonte com diferentes fontes e configura\u00e7\u00f5es. Por enquanto, tudo o que voc\u00ea precisa fazer \u00e9 nomear seu controle de fonte.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" ><\/a><\/p>\n<h3>Adicionar um seletor CSS<\/h3>\n<p>Abaixo do nome do controle, h\u00e1 uma caixa onde voc\u00ea pode definir os seletores CSS que deseja usar. Se voc\u00ea n\u00e3o sabe o que \u00e9 um seletor CSS, isso n\u00e3o \u00e9 um problema.<\/p>\n<p>Existem tr\u00eas seletores CSS adicionados por padr\u00e3o. Clique no &#8220;x&quot; em cada um para remov\u00ea-los. Uma vez removido, digite um asterisco (*) e pressione Enter. A configura\u00e7\u00e3o dos seletores CSS deve ser semelhante a esta:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" ><\/a><\/p>\n<p>O asterisco \u00e9 um seletor CSS que visa todos os elementos HTML do site. Em outras palavras, voc\u00ea acabou de dizer ao Easy Google Fonts para usar sua nova fonte para todo o texto do site.<\/p>\n<h3>For\u00e7ar sobreposi\u00e7\u00e3o de estilos<\/h3>\n<p>Eu recomendo marcar a caixa &#8220;For\u00e7ar sobreposi\u00e7\u00e3o de estilos&#8221; tamb\u00e9m. Isso garantir\u00e1 que a fonte escolhida substitua as fontes usadas no tema. N\u00e3o h\u00e1 desvantagens em usar esta op\u00e7\u00e3o, ent\u00e3o voc\u00ea tamb\u00e9m pode marc\u00e1-la para economizar um minuto se as fontes n\u00e3o forem substitu\u00eddas sem ela.<\/p>\n<h3>Escolha sua nova fonte<\/h3>\n<p>Agora que o Easy Google Fonts sabe quais partes do seu site devem ser afetadas, voc\u00ea pode dizer qual fonte usar.<\/p>\n<p>Visite o Customizador para iniciar a sele\u00e7\u00e3o da fonte (Apar\u00eancia&gt; Personalizar). Uma vez l\u00e1, clique na nova se\u00e7\u00e3o Tipografia.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" ><\/a><\/p>\n<p>O EGF funciona muito bem com o tema do <a href=\"https:\/\/www.competethemes.com\/period\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Per\u00edodo<\/a>.<\/p>\n<p>Esta se\u00e7\u00e3o ir\u00e1 revelar duas novas subse\u00e7\u00f5es: Tipografia Padr\u00e3o e Tipografia de Tema. Clique na se\u00e7\u00e3o Tipografia do tema.<\/p>\n<p>Agora voc\u00ea ver\u00e1 o controle que nomeou anteriormente. Clique no bot\u00e3o Editar fonte para revelar as op\u00e7\u00f5es de personaliza\u00e7\u00e3o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" alt=\"Como alterar fontes no WordPress [A maneira f\u00e1cil]\" ><\/a><\/p>\n<p>Existem algumas op\u00e7\u00f5es, mas apenas duas voc\u00ea precisa editar.<\/p>\n<h3>Alterar o script \/ subconjunto<\/h3>\n<p>As fontes t\u00eam conjuntos de caracteres projetados para acomodar diferentes idiomas. Se o seu site estiver em ingl\u00eas, selecione a primeira op\u00e7\u00e3o, latim.<\/p>\n<p>Escolher &#8220;Todos os subconjuntos&#8221; tornar\u00e1 os arquivos de fonte muito maiores e aumentar\u00e1 o tempo de carregamento.<\/p>\n<h3>Escolha a fam\u00edlia da fonte<\/h3>\n<p>\u00c9 aqui que voc\u00ea finalmente escolhe sua nova fonte. Ao selecionar v\u00e1rias fontes, voc\u00ea ver\u00e1 que seu site \u00e9 atualizado instantaneamente.<\/p>\n<p>Embora essa seja certamente uma \u00f3tima maneira de visualizar e alterar as fontes, n\u00e3o \u00e9 uma maneira eficiente de navegar.<\/p>\n<p>Eu recomendo que voc\u00ea visite o <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts,<\/a> que \u00e9 bem projetado para navegar e encontrar fontes. Depois de encontrar algumas fontes de que gosta, volte ao seu site e experimente com Easy Google Fonts<\/p>\n<h2>Adicionar e personalizar mais fontes<\/h2>\n<p>Felizmente, voc\u00ea est\u00e1 adorando sua nova fonte agora, mas h\u00e1 muito mais que voc\u00ea pode fazer com Easy Google Fonts.<\/p>\n<p>Lembra da se\u00e7\u00e3o de Tipografia padr\u00e3o anterior? Voc\u00ea pode usar isso para personalizar seus t\u00edtulos e par\u00e1grafos. Al\u00e9m disso, voc\u00ea n\u00e3o precisa parar na mudan\u00e7a da fam\u00edlia da fonte, voc\u00ea tamb\u00e9m pode alterar o tamanho e a cor da fonte. E se voc\u00ea estiver familiarizado com alguns seletores CSS, voc\u00ea pode personalizar a fonte em qualquer parte do seu site.<\/p>\n<p>Se voc\u00ea tiver alguma d\u00favida sobre como alterar as fontes com o WordPress ou tiver uma solicita\u00e7\u00e3o para um novo tutorial, deixe um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tem 5 minutos? Siga este tutorial r\u00e1pido para descobrir o melhor plugin para alterar fontes e como implement\u00e1-lo em seu site WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257299,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[553],"tags":[848],"class_list":["post-244755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=244755"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244755\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/257299"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=244755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=244755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=244755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}