Como mudar a fonte no WordPress
Quando projetamos nosso site WordPress, não apenas podemos alterar o tema e as cores, mas também a fonte ou a tipografia, tanto em parágrafos quanto títulos/cabeçalhos.
Isso é útil para personalizar seus temas e mostrar aos visitantes do seu site um projeto mais estético e atraente, que fará a diferença.
O método explicado neste tutorial para editar as fontes de modelo e personalizá -lo é muito fácil e rápido de aplicar.
Este artigo inclui capturas de tela para facilitar para qualquer usuário do WordPress seguir as etapas descritas.
Para começar, faça login no seu painel do WordPress e no menu esquerdo pressione Plugins, Em seguida, selecione o Adicionar novo opção, como mostrado na captura de tela abaixo (Plugins>Adicionar novo).
No campo de pesquisa de palavras -chave, digite “Gutenberg”, O nome de um dos plugins usados neste tutorial para alterar a fonte. Quando o Gutenberg o plug -in aparece, pressione o instale agora botão, e então o Ativar botão.
Depois de instalar o primeiro plugin, você precisa instalar um segundo. Para fazer isso, no tipo de campo de pesquisa -chave, tipo “Easy Google Fonts”, quando o plug -in Fontes fáceis do Google aparece, pressione o Instalar Agora botão e depois pressione Ativar.
Depois que o plug -in foi instalado, no menu esquerdo do painel pressione Aparência, e entre as opções exibidas, pressione Customizar.
Na tela de personalização, selecione Tipografia. Abaixo, você pode ver a tela para editar a tipografia ou fonte do WordPress.
Selecione Tipografia padrão Para abrir o menu onde você pode começar a editar a tipografia, incluindo parágrafos a títulos.
Para começar, selecione Parágrafos E dentro do menu da família Font, selecione a fonte que você gosta no seu site. Você verá uma variedade de fontes que você pode tentar depois de selecioná -las. No centro da tela, você pode ver uma visualização para cada fonte que você seleciona.
Como dito anteriormente, você também pode alterar a fonte do WordPress para títulos editando o Titular 2 seção. Você pode tentar diferentes opções até encontrar o resultado esperado.
Isso é tudo. Continue lendo abaixo para fazer upload de suas próprias fontes, tornando seu site exclusivo.
Enviando sua própria fonte para o seu site WordPress
Você pode baixar fontes adicionais de sites como Dafont. Lá você pode encontrar fontes gratuitas e pagas para adicionar ao seu site. Os formatos de fontes são TTF, OTF, Woff ou Woff2. Se quando você baixar sua fonte, encontrar vários arquivos, isso significa que sua tipografia ou fonte selecionada possui várias variantes. Por exemplo, a fonte do Google Monserrat tem mais de 18 variantes.
Observação: Para este tutorial, estou usando a fonte nomeada Medicall.
Criando o arquivo de font-face
O arquivo de font-face contém as informações da fonte a serem usadas em nosso site. Esta informação inclui o nome da fonte, suas variantes e formatos diferentes.
Esta etapa pode ser feita manualmente, ou você pode usar ferramentas para simplificar o processo. A ferramenta usada neste tutorial é transfontro.
Este Paso no Lo Vamos um Crear a Mano, Sino que Vamos um Utilizar Una Herramienta Online Llamda Transfonter (https: // transfonter.org/) que nos hará todo el trabajo siguiente estos pasos:
Para começar, faça o upload de seus arquivos de fonte pressionando o Adicione fontes botão. Em seguida, escolha os formatos que você deseja ser suportado (isso depende do navegador). Você pode deixar outras opções padrão.
Em seguida, pressione o Converter botão.
Depois de pressionar o Converter Botão, você poderá fazer o download da font-face com diferentes formatos de fonte.
Abaixo, você pode ver amostras dos arquivos que você receberá.
Depois de baixar a font-face, você precisar /WP-Content/Themes/Current-Them.
Dentro deste diretório em seu servidor (/WP-Content/Themes/Current-Theme) você precisa localizar um diretório nomeado fontes. Se o diretório das fontes não estiver presente, não se preocupe, apenas crie -o.
No diretório das fontes, crie um novo subdiretório com o nome da fonte que você deseja fazer o upload. Isso é arbitrário desde que você identifique a fonte.
No diretório de temas do seu servidor (/WP-Content/Themes/Current-Them.), encontre o arquivo nomeado funções.php. Clique com o botão direito do mouse nas funções do arquivo.PHP e insira o seguinte código no final do arquivo.
Observação: Substituir Medicall-Font-CSS e o caminho /Fontes/Medicall/Stylesheet.CSS Para a fonte que você está usando. Para este tutorial, estou usando a fonte nomeada Medicall, Você pode selecionar qualquer fonte que quiser.
add_action ('wp_enqueue_scripts', function ()WP_ENQUEUE_STYLE ('Medicall-Font-CSS', get_stylesheet_directory_uri () . '/Fontes/Medicall/Stylesheet.CSS ');
);
O próximo passo deve ser feito através do C0SS. Aqui, você precisa aplicar a família de fontes em todos os textos que queremos aplicar nossa tipografia personalizada.
O próximo passo deve ser feito com CSS. Precisamos aplicar a família de fontes aos textos nos quais queremos aplicar nossa tipografia personalizada.
Abra a folha de estilo.Arquivo CSS Gerado anteriormente por Transfonter e Encontre a linha da família de fontes destacada na captura de tela abaixo.
Em seguida, você pode adicionar o CSS no WordPress, por exemplo, adicionando a seguinte linha.
H1Fonte-família: 'Medicall'
Dessa forma, aplicamos a nova fonte a todos os H1 em nosso site.
Conclusão
Alterar a fonte no WordPress é bem fácil, como mostrado acima. Existem diferentes métodos para alterar a tipografia em seu site. Todos eles são válidos. Os métodos descritos anteriormente são fáceis e gratuitos. Embora você possa usar qualquer plugin alternativo, sempre verifique se ele está bem classificado pelos usuários. Se você usar construtores de páginas como Divi, Elementor ou Envatos, poderá editar a fonte desses plugins diretamente. Não ignore a importância das tipografias. Você pode ter as melhores imagens e cores, mas elas devem estar em harmonia com os personagens para gerar uma melhor experiência visual para os visitantes.
Obrigado por ler este artigo explicando como mudar a fonte no WordPress. Continue nos seguindo para mais dicas profissionais do WordPress.