{"id":226824,"date":"2022-09-05T14:09:00","date_gmt":"2022-09-05T11:09:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226824"},"modified":"2022-11-09T01:09:08","modified_gmt":"2022-11-08T22:09:08","slug":"como-alterar-fontes-no-wordpress-sem-problemas","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-alterar-fontes-no-wordpress-sem-problemas\/","title":{"rendered":"Como alterar fontes no WordPress sem problemas"},"content":{"rendered":"\n

As fontes no WordPress s\u00e3o uma parte crucial da marca de uma empresa. Embora alguns possam descartar as fontes como irrelevantes, para muitos, elas s\u00e3o uma parte essencial do site.<\/p>\n

Juntamente com cores, imagens, logotipos e outros elementos de marca, as fontes desempenham um papel vital na imagem da sua marca e na forma como os clientes percebem sua marca. Como eles oferecem uma variedade de op\u00e7\u00f5es, o WordPress \u00e9 uma das melhores plataformas para personaliza\u00e7\u00e3o.<\/p>\n

Apesar de existirem muitas op\u00e7\u00f5es de fontes gratuitas, \u00e9 essencial saber como alterar as fontes no WordPress, o que pode exigir algum conhecimento de codifica\u00e7\u00e3o CSS.<\/p>\n

Este artigo criado por nossa equipe em wpDataTables<\/a> demonstrar\u00e1 como alterar fontes no WordPress facilmente.<\/p>\n

Como alterar fontes em temas do WordPress<\/h3>\n

\"Como<\/a><\/p>\n

Vejamos o seguinte cen\u00e1rio. Voc\u00ea quer combina\u00e7\u00f5es de fontes diferentes<\/a> para o seu site, mas algo est\u00e1 impedindo voc\u00ea de seguir em frente.<\/p>\n

A altera\u00e7\u00e3o de fontes em temas pode ser um desafio porque geralmente v\u00eam com fontes predefinidas que s\u00e3o usadas em v\u00e1rias partes do tema. Voc\u00ea precisa localizar o script CSS que est\u00e1 definindo a fonte para a \u00e1rea espec\u00edfica, seja o rodap\u00e9, o cabe\u00e7alho, o corpo ou outras partes.<\/p>\n

Alguma pr\u00e9-codifica\u00e7\u00e3o ser\u00e1 necess\u00e1ria se voc\u00ea quiser usar uma fonte completamente nova. Primeiro, escolha uma fonte licenciada para o seu site e, em seguida, carregue-a no servidor. Na parte superior do style.css, voc\u00ea tamb\u00e9m precisar\u00e1 definir a fam\u00edlia de fontes. Aqui est\u00e1 um exemplo de como o c\u00f3digo pode ficar:<\/p>\n

@font-face {font-family: Museo300;\nsrc: local('Museo300-Regular'),\nurl(\"fonts\/Museo300-Regular.ttf\") format('truetype\u2019);\nfont-weight: normal;}<\/code><\/pre>\n
Como alterar fontes no WordPress globalmente com o recurso de personaliza\u00e7\u00e3o<\/h3>\n
\"Como<\/a><\/p>\n
Alterar fontes com o recurso de personaliza\u00e7\u00e3o \u00e9 simples. Primeiro, fa\u00e7a login no seu perfil do WordPress e acesse o painel, clique em Apar\u00eancia e depois em Personalizar.<\/p>\n
Outra maneira de acessar esta \u00e1rea \u00e9 fazendo login no painel do WordPress, clique no nome do site no canto superior esquerdo e clique no bot\u00e3o Personalizar.<\/p>\n
\"Como<\/a><\/p>\n
Em seguida, role para baixo at\u00e9 o lado esquerdo e localize o campo onde voc\u00ea pode adicionar c\u00f3digo CSS adicional. Clique nele para adicionar o c\u00f3digo. Segue um exemplo do c\u00f3digo:<\/p>\n
* {font-family:\"Courier New\", Courier, monospace}Copy<\/code><\/pre>\n
Quando voc\u00ea adiciona o * no in\u00edcio, ele adiciona a fonte a todo o site. Quando voc\u00ea cola o c\u00f3digo, ele muda instantaneamente. Quando estiver pronto para fazer as altera\u00e7\u00f5es, clique no bot\u00e3o Publicar.<\/p>\n
Como alterar fontes no WordPress em \u00e1reas espec\u00edficas do tema<\/h3>\n
Os temas v\u00eam com fontes predefinidas em v\u00e1rias \u00e1reas, e voc\u00ea precisar\u00e1 de fontes diferentes para diferentes \u00e1reas do seu site, o que adiciona personaliza\u00e7\u00e3o. Identificar temas em diferentes \u00e1reas \u00e9 um desafio.<\/p>\n
Voc\u00ea encontrar\u00e1 uma fonte para o corpo separada do resto, que pode ser usada para determinar as fontes n\u00e3o definidas por uma tag, classe ou div.<\/p>\n
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;\nfont-size: 1em;\npadding:0;\nmargin:0; }<\/code><\/pre>\n
Voc\u00ea provavelmente encontrar\u00e1 as fontes nas v\u00e1rias classes CSS: content, post, entry e post-entry.<\/p>\n
Adicionar fontes personalizadas<\/h2>\n
\"Como<\/a><\/p>\n
Adicionar fontes personalizadas \u00e9 uma das melhores maneiras de alterar os cabe\u00e7alhos e a fonte base. V\u00e1 para Design > Personalizar > Fontes.<\/p>\n
\"Como<\/a><\/p>\n
Mudar para uma fonte personalizada \u00e9 f\u00e1cil. Existem muitas fontes excelentes encontradas no Google Fonts, Typekit e, por \u00faltimo, com a assinatura premium do WordPress ou superior.<\/p>\n
Como fazer isso:<\/p>\n