Como alterar a fonte no WordPress (Guia definitivo) 2022
Publicados: 2022-11-12- Opções para alterar fontes no WordPress
- O que significam as fontes?
- Por que você precisa de uma nova fonte?
- Palavras finais
Existem muitas maneiras de alterar a fonte no WordPress. Este artigo irá explorar o que significa fonte e como você pode alterar a fonte no WordPress.
Seu site WordPress é parte de quem você é, e a fonte de texto que você usa desempenhará um papel crítico na identidade e no design geral da marca do seu site. Também pode ajudá-lo a melhorar a taxa de legibilidade do seu conteúdo e fazer com que seu site pareça profissional e moderno.
Você não pode alterar a fonte do seu blog WordPress por capricho. Você tem que ter certeza do que suas mudanças implicarão. Usar a fonte certa pode salvar a reputação do seu negócio, fazendo com que você se destaque entre a concorrência, aumentando o reconhecimento da marca e as conversões de usuários.
A fonte errada pode fazer seu negócio perder a credibilidade e ficar com uma aparência muito ruim. Assim, você precisa ser meticuloso ao escolher ou alterar a fonte em seu WordPress.
Para mais guias semelhantes, você pode ler nosso tutorial: Como identificar uma fonte: 5 melhores ferramentas de 2022
Opções para alterar fontes no WordPress
Ao alterar suas fontes, você pode escolher uma das opções abaixo:
- O Editor de Sites WordPress
- O Editor de Fontes de Estilos Globais
- Alterando fontes com o WordPress Customizer
- Usando plug-ins de fonte
- Usando códigos CSS
- Adicionar fontes do Google manualmente
O WordPress Site Editor permite que você edite seu site da maneira que desejar. Com o Editor do Site, você pode usar blocos para editar a formação do seu site, do cabeçalho aos rodapés, barras laterais e conteúdo da página. Poucos sites têm um tema que suporte o editor de sites WordPress.
No entanto, se o seu site tiver um tema que o suporte, aqui está um procedimento passo a passo simples para alterar sua fonte usando o editor do site WordPress.
Se você deseja acessar seu Editor do Site, você deve usar um tema de bloco que use blocos para navegar no site.
Usando o Editor de Sites WordPress
Passo 1: Faça login no WordPress
Faça login no WordPress com seu nome de usuário e senha. Não se esqueça de marcar a caixa Lembrar-me para não ser desconectado depois de um tempo.
Etapa 2: acesse seu painel
Depois de fazer login e acessar o painel de administração do WordPress, você verá um ícone de Aparência no lado esquerdo do seu painel. Passe o cursor sobre Aparência e clique na opção Editor .
Clicar em Editor abrirá seu Editor de Site WordPress.
Etapa 3: navegue na página do editor do seu site
Uma caixa de semicírculo branca e preta indica o ícone de estilo no canto superior direito da página do Editor do site . Clique neste ícone, que deve mostrar algumas opções.
Etapa 4: escolha sua tipografia
Após clicar no ícone Estilo , escolha Tipografia, verifique a fonte desejada e salve-a.
Etapa 5: você também pode escolher Texto ou Links se quiser alterar todas as fontes do seu site.
A escolha do texto levará você à tela com a família de fontes , tamanho, altura da linha, aparência e outras adições à sua fonte.
O Editor do Site oferece um método fácil, suave e abrangente para alterar as fontes. Ele traz um novo nível de controle para a edição do WordPress. Você pode alterar qualquer fonte em seu site com o Editor do site , incluindo o rodapé, os links e os cabeçalhos.
O Editor de Fontes de Estilos Globais
Além de usar o WordPress Site Editor, você pode usar o editor de fontes de estilos globais para alterar suas fontes se o seu site tiver um tema que o suporte. Abaixo está uma orientação a seguir se você quiser fazer esse caminho.
Etapa 1: adicionar uma nova página
Depois de fazer login e acessar seu painel do WordPress, clique no ícone Páginas . Em seguida, você pode clicar em uma página existente ou na guia Adicionar nova página. Fazer isso lhe dará acesso à sua página do Editor do WordPress.
Etapa 2: Navegue até a guia Estilos globais .
Na página do Editor do WordPress, você verá a guia Estilos globais , que aparece como um ícone Aa . Clicar no ícone trará um menu suspenso para Seleção de fonte . Na guia Seleção de Fonte , você verá várias opções de fonte que você pode selecionar, como Fonte Base e Fonte do Cabeçalho.
Por exemplo, escolher a fonte do título mudará a fonte de todos os títulos do seu site. Os títulos podem incluir postagens, títulos de widgets, cabeçalhos de comentários, títulos de postagens e títulos de imagens. Escolher a fonte base irá alterar todas as fontes do texto nos menus e textos do corpo principal no site.
Depois de escolher suas fontes preferidas nos menus suspensos, todas as alterações feitas devem entrar em vigor imediatamente. Você deve recarregar sua página de visualização para ver suas novas fontes em seu site.
Etapa Adicional: Você pode ajustar o tamanho da fonte usando o Editor de Blocos .
O uso do Block Editor facilitará a alteração do tamanho da fonte entre os blocos no site. Você pode escolher livremente entre H1, H2, H3, etc., para seus títulos.
Alterando fontes com o WordPress Customizer
Ao tentar publicar seu site pela primeira vez usando o WordPress, você pode ter notado discrepâncias entre os personalizadores padrão que recebeu e as opções de personalização que ouviu falar.
Alterar sua fonte com o personalizador do WordPress é uma das opções mais fáceis de usar e convenientes. O personalizador permite que você brinque com o design e estilo de suas fontes e layout de página.
Se você estiver interessado em usar o personalizador do WordPress para alterar sua fonte, abaixo está uma técnica passo a passo de como fazer isso.
Passo 1:
Existem duas maneiras de acessar a página do personalizador após fazer login no WordPress. Você pode clicar na guia Aparência e selecionar Personalizar ou clicar no Nome do site e selecionar Personalizar . Seja qual for o caminho que você seguir, você será direcionado para a página do personalizador.
Ou
Passo 2:
Depois de selecionar a guia de personalização, você notará algumas opções suspensas no menu da barra lateral esquerda . Clique na opção Fontes .
Observe que alguns temas de sites não são compatíveis com a opção do personalizador. Se o seu site é assim, você pode escolher entre as outras opções deste guia.
Etapa 3:
Depois de clicar na guia Fonte , você pode fazer todas as alterações de fonte necessárias. Por exemplo, você pode alterar os títulos e a fonte base para se adequar ao seu gosto.
Se você quiser alterar o tamanho da fonte ,
Para alterar o estilo de fonte de seus títulos, clique na opção à esquerda e abaixo da fonte. Existem vários estilos disponíveis, dependendo da fonte que você escolher.
Você verá uma visualização ao vivo de sua fonte ao clicar nas opções de fonte.
Observação: no WordPress.com, você pode alterar as fontes base e os títulos . Você pode alterar a fonte, os títulos e as letras gerais do seu blog se tiver um site auto-hospedado.
Tudo o que você precisa fazer em ambos os casos é selecionar as fontes nos menus suspensos e, quando terminar, clique em Salvar alterações na parte superior. Essa alteração será refletida em todas as páginas do seu site.
Etapa 4: quando estiver satisfeito com as fontes escolhidas, publique seu site ou salve -o como rascunho se quiser fazer mais alterações posteriormente.
Você também pode redefinir as fontes clicando no X ao lado das fontes personalizadas.
O Customizer tem alguns contratempos, embora forneça uma maneira rápida e fácil de alterar as fontes usadas em todo o seu site WordPress. Para começar, tem opções de fonte limitadas.
Em segundo lugar, ele carrega as fontes gradualmente à medida que a página é carregada, o que pode causar uma mudança perceptível no seu site. Além disso, os visitantes podem achar isso estranho. Isso reduzirá a experiência deles com seu site.
Usando plug-ins de fonte
Os plug-ins de fonte facilitam a alteração de suas fontes. Você pode instalar plugins em seu site. O WordPress facilita a alteração da fonte do seu site ao usar plugins. Alguns dos plugins que você pode instalar são Google Fonts, Custom Adobe Fonts, OMGF, etc.
Muitos desses plugins permitem que você adicione manualmente suas fontes ao seu site. Ao fazer check-out de plugins para escolher, verifique as classificações, os bons comentários e a resposta de seus desenvolvedores. Você pode excluir ou desativar um plugin após o teste. Isso irá ajudá-lo a escolher o melhor plugin para trabalhar para você.
Seria melhor se você estivesse no plano WordPress Pro para usar alguns plugins se você for usar o WordPress.com
Alterar fontes com o Google Fonts
Uma das melhores ferramentas do WordPress para alterar fontes hoje é o Google Fonts. Ele concede a você acesso gratuito e completo a muitas fontes para escolher. Você pode dar ao seu site uma aparência fantástica a partir das várias categorias de fontes disponíveis nas fontes do Google.
O plug-in Easy Google Fonts é o plug-in mais usado e popular para alterar fontes no WordPress. Este plugin facilita a alteração da fonte do WordPress e conecta diretamente seu site ao banco de dados do Google.
O primeiro passo para usar o google font para alterar a fonte no WordPress é baixar o plug-in Easy Google Fonts do WordPress.org e instalá-lo e ativá-lo. Após instalar e ativar o plugin, vá para a aba de configurações e navegue pela lista de estilos de fonte disponíveis. Selecione o estilo de fonte desejado e anote seu estilo e nome.
O próximo passo é voltar ao painel do WordPress , clicar na aba Aparência e ir em Personalizar . No menu Personalizar, haverá uma nova opção de Tipografia . Esta opção aparece após a instalação do plugin.
No novo menu de tipografia, você encontrará todas as fontes do Google necessárias para o seu site. Você pode escolher a fonte que pesquisou e anotou no menu do plugin anteriormente.
Usando códigos CSS
CSS é outra ferramenta que você pode usar para alterar fontes em seu WordPress. As várias maneiras de alterar sua fonte do WordPress usando CSS serão explicadas abaixo.
Através da folha de estilo CSS do tema
Você precisará de ferramentas como Font Pair e Web Font Blender para acessar suas fontes selecionadas.
Passo 1: Para editar a folha de estilo do tema, role para baixo no menu de aparência e clique em Editor .
Etapa 2: depois de clicar na guia Editor , você deverá ver uma lista de opções no lado direito da tela. Clique na folha de estilo na opção Estilos .
Ou
Você pode copiar o código da folha de estilo como visto abaixo:
@font-face { font-family: 'Raleway'; src: url( “fonts/Raleway-Medium.ttf”) format('woff'); /* medium */ font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url( “fonts/Raleway-Bold.ttf”) format('woff'); /* medium */ font-weight: bold; font-style: normal; } @font-face { font-family: 'Merriweather'; src: url( “fonts/Merriweather.ttf”) format('woff'); /* medium */ font-weight: normal; font-style: normal; }
Passo 3: Depois de ter a folha de estilo CSS, você pode editar a fonte globalmente inserindo a linha de código com a fonte na parte superior da folha de estilo.
Por exemplo , * {font-family:”Garamond New”} ou * {font-family:”Courier New”}
Esta é apenas uma das muitas maneiras de alterar as fontes do WordPress globalmente usando CSS.
Para alterar a fonte para áreas temáticas específicas, como entrada, corpo ou botão, você deve ter identificado os trechos de código na folha de estilo CSS .
Para alterar a fonte usada no corpo da postagem do blog, você terá que identificar onde o estilo da fonte do corpo está definido. Ambos os processos podem ser muito dolorosos.
Ou insira o código abaixo:
function add_my_font() { wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:[email protected];700&display=swap', false ); } add_action( 'wp_enqueue_scripts', 'add_my_font' ); and add in style.css this line of code to load the font for body and the headers .body, .h1, .h2, .h3, .h4 { font-family: 'Oswald', sans-serif; }
Também aqui você tem um guia completo sobre como adicionar fontes locais ao seu tema WordPress
Adicionar fontes do Google manualmente
Passo 1: A primeira coisa que você precisa fazer é copiar e colar os códigos dos seus arquivos de tema do WordPress . Em seguida, vá para a biblioteca do Google Fonts para selecionar a fonte desejada.
Passo 2: Para cada fonte escolhida, use o botão + selecione este estilo para selecionar o estilo de fonte que deseja usar no blog. Em seguida, clique na guia Incorporar na barra lateral para copiar o código desse estilo de fonte.
O tema do seu site pode não ser compatível com a fonte que você está procurando. Se isso ocorrer e você não gostar de construtores de páginas ou não estiver familiarizado com codificação, um plug-in de fonte dedicado é sua melhor aposta.
Você pode escolher entre dois tipos: os “uploaders” e os plugins de incorporação de fontes. Plugins que incorporam fontes em seu site fazem isso usando diretórios especializados como o Google Fonts. Um exemplo de tal plugin é o Google Fonts Typography.
Você pode editar o arquivo header.php do tema e colar o código antes da tag <body>, conforme indicado na imagem abaixo. Você também pode instalar o plugin WPCode para facilitar.
Clique em salvar alterações quando terminar para garantir que todas as alterações feitas sejam salvas.
Você pode estar interessado em aprender sobre como adicionar uma fonte personalizada no Revolution Slider Plugin: Como adicionar uma fonte personalizada no Revolution Slider
O que significam as fontes?
A maioria das pessoas vê as fontes como tipos de letra. No entanto, os dois não poderiam ser mais diferentes, apesar de algumas semelhanças. Uma fonte é um conjunto de caracteres de texto ou tipografia exibíveis ou imprimíveis em um tamanho e estilo específicos.
Cada fonte tem seu propósito e personalidade únicos e pode ser usada para exibir legibilidade enquanto enfatiza um sentimento ou ideia particular.
Por outro lado, um tipo de letra é um estilo de design de texto que constitui uma miríade de caracteres de texto de peso e tamanho variados,
Exemplos de alguns estilos de fonte comuns
Há um número ilimitado de estilos de fonte disponíveis para uso hoje em dia. Além das fontes gratuitas e prontas, os designers gráficos também costumam projetar suas fontes para uso. Abaixo estão dois dos estilos de fonte mais comuns em uso hoje.
Fontes com serifa
As fontes com serifa são algumas das fontes antigas. Sua idade avançada é frequentemente associada a um humor clássico, romântico, elegante, formal e estabelecido. Os tipos de letra serif populares incluem Times New Roman, Georgia e Garamond.
As fontes com serifa têm uma aparência tradicional e são comumente usadas em livros e jornais impressos. As fontes com serifa são aquelas com pequenas linhas nas bordas dos caracteres. Como a palavra “sans” significa “sem”, as fontes sem serifa não possuem essas linhas extras.
Fontes sem serifa
As fontes sem serifa têm um visual mais moderno e são comumente usadas online. Eles são descritos como “sans”, que significa “sem”, porque não possuem os traços que distinguem um tipo de letra com serifa. As fontes sem serifa ajudam a denotar limpeza, simplicidade, acessibilidade ou modernidade.
Por que você precisa de uma nova fonte?
Escolher uma fonte é uma excelente maneira de dar ao seu site uma aparência distinta. Existem inúmeras razões para alterar as fontes, mas a maioria se resume a algumas preferências simples. Você provavelmente quer ser notado, causar uma boa impressão ou se destacar.
Uma fonte geralmente não pode fazer nenhuma dessas coisas sozinha, mas quando combinada com outros elementos de design, pode fazer uma diferença significativa. Você deve usar uma fonte diferente da fonte padrão para um tema ou site inicial.
Quase todos os temas do WordPress incluem a mudança de fonte, tamanho da fonte e opções de cores. Essas opções, no entanto, são exclusivas para cada tema. Ao alterar a fonte em um site WordPress, as configurações de tipografia integradas do seu tema são o melhor e mais rápido lugar para começar.
Se o tema escolhido tiver algumas opções de personalização, experimente uma das outras opções deste guia. Você terá opções diferentes com base nos temas que você usa. Alguns temas facilitam a personalização e outros exigem que você use opções avançadas.
A seleção de fontes, em particular, tem dois efeitos significativos no web design. Em primeiro lugar, é necessário para a usabilidade . Se você usar uma fonte de difícil leitura em seu site, ela precisará de ajuda para atingir seu objetivo principal de informar os visitantes.
A legibilidade de sua fonte determinará se os visitantes permanecem em seu site e aprendem mais sobre sua marca ou saem frustrados e visitam o site de um concorrente. Isso também afeta a acessibilidade do seu site porque os usuários com dislexia ou deficiências visuais podem ter dificuldades para entender letras pequenas ou scripts complicados.
As fontes definem o tom certo para o seu site. A seleção de fontes tem um segundo efeito sobre o quão bem projetado é o seu site em relação à marca. Embora frequentemente nos concentremos no conteúdo de conteúdo baseado em texto, também é prudente examiná-lo do ponto de vista visual.
Palavras finais
As fontes são uma maneira de reconhecer seu site. Assim como a identidade é para uma pessoa, a fonte é para uma pessoa. Decidir mudar sua fonte do WordPress significa que você quer algo diferente e está disposto a melhorar a tipografia do seu site. Como você aprendeu neste guia, você pode alterar suas fontes usando diferentes opções.
As opções manuais são de fácil acesso e não requerem conhecimento prévio. O Google Fonts e outros plugins também permitem transições perfeitas entre as fontes. Alterar sua fonte com códigos CSS exigirá um pouco de conhecimento técnico.
Este guia foi útil para você. Por que não começar a mudar suas fontes hoje?