Adicionar tipos de letra personalizados ao seu tema WordPress pode melhorar significativamente o aspeto e a sensação do seu sítio Web. Os tipos de letra personalizados ajudam a criar uma identidade de marca e a melhorar a legibilidade. Este guia passo a passo irá mostrar-lhe como adicionar tipos de letra personalizados ao seu tema WordPress utilizando vários métodos.
Passos para adicionar fontes personalizadas ao tema WordPress
Passo 1: Instale e active o plugin
- Inicie sessão no seu painel de controlo do WordPress.
- Navegue até Plugins > Adicionar novo plug-in.
Escreva no campo de pesquisa Google Fonts fácil. Clique ao lado do plugin na lista Instalar agora e, em seguida, clique no botão ativar.
Passo 2: Configure o plugin
- Navegue no painel de controlo paraestado exterior > personalizaçãoe, em seguida, clique em tipográfico.
Verá diferentes partes do tipo de letra de configuração, incluindo títulos, parágrafos e outros elementos. Clique em qualquer secção para abrir as respectivas definições. Selecione o tipo de letra que pretende utilizar na lista. O plugin selecionará o tipo de letra a partir da lista Google Fonts para obter fontes.
Passo 3: Publique as alterações
Depois de selecionar o tipo de letra e personalizar as definições, clique na parte superior do personalizador no posto para aplicar as alterações ao seu sítio.
Adicionar tipos de letra personalizados utilizando outros métodos
Para além de utilizar o plugin, também pode adicionar tipos de letra personalizados através dos seguintes métodos:
Método 1: Utilizar @font-face Adicionar tipos de letra personalizados no WordPress
Este método é adequado para utilizadores que não querem depender de plugins. Pode utilizá-lo diretamente no ficheiro CSS do tema utilizando o parâmetro Regras do @font-facepara adicionar tipos de letra personalizados.
- Transfira o ficheiro do tipo de letra que pretende utilizar e carregue-o para a pasta
wp-content/themes/seu-tema/fontspasta. - Abra o ficheiro
style.csse adicione o seguinte código:
@font-face { font-family: 'YourFontName'; src: url('fonts/YourFontFile.eot'); src: url('fonts/YourFontFile.eot?#iefix') format(' embedded-opentype'), url('fonts/YourFontFile.woff2') format('woff2'), url('fonts/YourFontFile.woff') format('woff'), url('fonts/ YourFontFile.ttf') format('truetype'), url('fonts/YourFontFile.svg#YourFontName') format('svg'); font-weight: normal; font-style. normal; }- Depois, no seu
style.csspara utilizar o tipo de letra:
body { font-family: 'YourFontName', sans-serif; }Método 2: Utilize o Google Fonts para adicionar tipos de letra manualmente
- entrevistas Google Fonts selecione o tipo de letra que pretende utilizar.
- bater (no teclado) Selecione este tipo de letrae depois copie o ficheiro
<link>Etiquetas. - será que isto
<link>Etiquetas adicionadas ao seutemático(utilizado como expressão nominal)header.phpdocumentação<head>Parte:
- no seu
style.csspara utilizar o tipo de letra:
body { font-family: 'YourFontName', sans-serif; }Dica de bónus: Personalizar páginas com o Construtor de Páginas Arrastar e Largar
Não basta adicionar tipos de letra, pode também precisar de personalizar a página com imagens de heróis, menus e layouts personalizados. Recomendamos que utilize um plug-in de criação de páginas do WordPress do tipo arrastar e largar, como o SeedProd talvez Arquiteto ThrivePodem ajudá-lo a criar páginas com belos tipos de letra personalizados.
observações finais
A adição de tipos de letra personalizados ao seu tema WordPress pode melhorar drasticamente o aspeto e a identidade da marca do seu sítio Web. Pode implementar facilmente a personalização de tipos de letra no WordPress utilizando um plugin como o Easy Google Fonts ou adicionando manualmente regras @font-face.
