Ir para o conteúdo principal

Como adicionar fontes personalizadas sobre WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 701.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Deseja adicionar fontes personalizadas ao WordPress?

Acredite, a polícia também um papel muito importante a desempenhar no seu blog e você ganhará muito adicionando uma fonte adaptada não apenas ao contexto do seu blog, mas também ao seu tema WordPress.

Neste tutorial, mostrarei como adicionar fontes personalizadas ao seu blog WordPress usando Google Fonts, Typekit e CSS3.

Usar fontes personalizadas em temas WordPress se tornou comum. Na verdade, existem vários temas WordPress que oferecem várias fontes para você escolher. No entanto, carregar todas essas fontes ao mesmo tempo pode diminuir significativamente o carregamento de uma página.

como adicionar fontes Wordpress personalizadas 1 1

E se o seu blog é lento, eu sugiro que você Algumas soluções para problemas de desempenho em WordPress

Esse é um dos motivos pelos quais faremos isso da maneira certa, enviando apenas a fonte personalizada que queremos usar no blog.

Mas antes de tudo, é importante saber como pesquisar as fontes, ao mesmo tempo que consulta o 7 WordPress plugins para ter em mãos a tipografia do seu blog

Como encontrar fontes e como usar WordPress

As fontes não são tão escaláveis ​​como costumavam ser. No entanto, existem várias fontes onde você pode encontrar fontes como " Google Fonts "," Typekit "," FontSquirrel "E" Fonts.com ".

Como adicionar um Google Fonts Font WordPress

Fontes de tipografia WordPress google

O Google Fonts é uma biblioteca muito grande de fontes gratuitas que você pode usar em vários projetos.
Você simplesmente precisa acessar " Google Fonts E selecione a fonte de sua escolha. Depois clique em " selecione esta fonte »Uma guia é exibida no canto inferior direito da tela.

Tutorial do wordpress de tipografia do Google Fonts

Clique nesta aba que se expande como na imagem acima. Você pode personalizar o estilo da fonte a incluir clicando em Personaliza. Você só precisa selecionar o estilo que deseja ver no seu blog.

Você deve então rolar para baixo até o " Embutir ". Você precisará copiar o código localizado na seção " PADRÃO " É este código que você pode adicionar no " cabeçalho Do seu tema filho.

Isso é tudo o que há para adicionar uma nova fonte do Google ao seu blog WordPress.

Como adicionar uma fonte usando Typekit

Typekit é outro serviço gratuito e premium que oferece fontes que você também pode usar em seus diferentes projetos. Eles oferecem assinaturas premium e gratuitas.Fontes de tipografia WordPress typekit 2

Você só precisa ter uma conta Typekit e criar um novo " Kit ".

Typography WordPress fonts typekit

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Em seguida, você precisará selecionar a fonte da biblioteca Typekit e adicioná-la ao seu projeto. Depois disso, pegue o código do seu kit e adicione-o a partir do painel.

Fontes de tipografia WordPress typekit 1

Para adicioná-lo ao seu painel, você simplesmente precisa instalar e ativar o plugin " Fontes Typekit para WordPress ".

Após sua ativação, basta acessar o " Configurações> Fontes Typekit E cole o código do seu kit no " regras CSS personalizado ".

Typekit colar-a-kit

A fonte pode então ser usada da mesma forma, ou seja, especificando o nome da família para elementos específicos ou para todo o documento.

Como adicionar uma fonte usando o CSS3 (@ font-face)

A maneira mais direta de incorporar uma fonte em seu blog é adicioná-la usando "font-faces" via CSS3. Este método permite que você adicione qualquer tipo de fonte que desejar em seu blog.

A primeira coisa a fazer é baixar a fonte de sua escolha no formato da web. Se você não tiver essa fonte no formato da web, poderá convertê-la gratuitamente em " FontSquirrel Generator Webfont ".

Depois de ter os arquivos no formato " web », Você terá que enviá-los diretamente para o seu servidor. Eu recomendo fortemente que você adicione ao " fontes Do seu tema filho usando um cliente FTP (FileZilla é a minha recomendação).

Se você quiser ir mais longe neste procedimento, consulte nosso tutorial em Como usar o FTP no Windows 10

Vamos voltar ao nosso objetivo.

Uma vez feito isso, você pode integrar a fonte assim:

integração em Police

Para usá-lo em qualquer lugar, você simplesmente precisa definir o nome da fonte conforme especificado no " face inferior »Anterior (veja o valor do atributo font-family ).

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Use o código-font-face

Isso é tudo que você precisa saber sobre como usar o código CSS3. No entanto, devo especificar que o método com a funcionalidade "font-face" é mais adequado para desenvolvedores.

Outras soluções e ferramentas também são usadas e recomendadas para gerenciar ou manipular as fontes em seu site.

Descubra também alguns plugins premium do WordPress  

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. CommentPress

O CommentPress é um poderoso plugin compacto do WordPress que permite inserir, editar e excluir comentários de forma rápida e fácil. O CommentPress usa Ajax, jQuery e PHP para oferecer aos visitantes a capacidade de inserir comentários sem precisar recarregar a página.CommentPress Ajax Comentários Inserir Editar e Excluir Comentários

Este plugin tem muitas opções de personalização, finalmente dando a aparência que você deseja. Possui um captcha para bloquear spam e traz à sua seção de comentários mais segurança.

Suas principais características são: a fácil inserção de comentários, a possibilidade de os usuários responderem a comentários específicos, a paginação de comentários, o gerenciamento completo da administração da seção de comentários, botões para fácil inserção de imagens, vídeos e links, um layout totalmente responsivo, um Captcha para proteger o formulário e evite spam e muito mais.

Descarregar | Demo | hospedagem na web

2. Galeria Everest

Como o nome sugere, este é o ápice dos plug-ins premium da galeria de fotos do WordPress. Esta ferramenta ultra-personalizável permitirá que você crie galerias de qualquer estilo em apenas alguns minutos.

Everest Gallery - Plugin WordPress Responsive Gallery Wordpress

Galeria Everest pode ser usado para apresentar artigos, tipos de publicações personalizadas, taxonomias / categorias personalizadas, Produtos WooCommerce, produtos personalizados, galerias de imagens e anexos, vídeos, recursos do produto, vitrine do cliente, portfólios, membros da equipe, capturas de tela, etc ..., totalmente responsivo.

O Everest Gallery vem com documentação completa e mais de opções 30 para personalizar completamente o visual da galeria. Com as opções de personalização disponíveis, você pode usar este plugin do WordPress para apresentar qualquer coisa com facilidade e eficiência. 

Descarregar | Demo | hospedagem na web

3. WP Media Manager

WP Media Manager é um dos melhores e mais poderosos plug-ins de gerenciamento de biblioteca de mídia do WordPress. É excelente no gerenciamento de pastas e sua facilidade de uso permite organizar seus milhares de arquivos de mídia.

WP Media Manager O plug-in mais fácil do WordPress Media Manager

Basta usar o método de arrastar e soltar para inserir arquivos de mídia em pastas / subpastas, além de melhorar o gerenciamento de arquivos, além de permitir o gerenciamento de pastas. Isso geralmente é obrigatório para usuários iniciantes.

Este plugin WordPress possui recursos como criação de pastas, filtragem, 3 belas galerias responsivas, capacidade de duplicar arquivos, criação de uma hierarquia ilimitada e muito mais ...

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Vá além no uso de fontes personalizadas no WordPress, consultando também os links ou recursos recomendados abaixo.

Conclusão

Aqui ! É isso neste tutorial sobre a melhor maneira de adicionar fontes personalizadas ao WordPress. Se você tiver sugestões ou comentários, eles serão muito bem-vindos.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Nespecialmente hesite em compartilhá-lo em seus diferentes redes sociais. Se você tem Comentários ou sugestões, não hesite em nos informar na seção reservada para eles.

... 

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
10 ações
ação6
chilrear
Enregistrer4