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.

O uso de fontes personalizadas em Temas do WordPress tornou-se comum. Na verdade, existem vários Temas do WordPress que oferecem várias fontes para escolher. No entanto, carregar todas essas fontes ao mesmo tempo pode retardar consideravelmente 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 guia que se expande como na imagem acima. Você poderá personalizar o estilo da fonte a incluir clicando em Personalizar. 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

Fontes de tipografia WordPress typekit 2

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.

Você só precisa ter uma conta Typekit e criar um novo " de emergência ".

Tipografia WordPress fontes typekit

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 ).

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 outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio 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, para dar a aparência e aparência que você deseja. Possui um captcha para bloquear spam e dá mais segurança à sua seção de comentários.

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 próprio nome sugere, é o ápice da WordPress plugins galeria de fotos premium. Esta ferramenta ultra-personalizável permitirá que você crie galerias de qualquer estilo em apenas alguns minutos.

Everest Gallery - Plugin WordPress Responsive Gallery Wordpress

A Galeria Everest pode ser usada para exibir artigos, tipos de postagem personalizados, 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 WordPress Plugin para apresentar qualquer coisa de forma fácil e eficaz. 

Descarregar | Demo | hospedagem na web

3. WP Media Manager

WP Media Manager é um dos melhores e mais poderosos WordPress plugins gerenciamento de biblioteca de mídia. É ótimo para gerenciar pastas e sua facilidade de uso permite que você organize 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 os arquivos de mídia em pastas / subpastas. Essa capacidade não apenas permite que ele melhore o gerenciamento de arquivos, mas também permite que ele gerencie pastas. O que geralmente é obrigatório para usuários novatos.

Ce WordPress Plugin possui funcionalidades como criação de pastas, filtragem destas, 3 magníficas galerias responsivas, possibilidade de duplicação de arquivos, criação de uma hierarquia ilimitada e muitas outras…

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

Então ! É isso para este tutorial sobre a melhor maneira de adicionar fontes personalizadas ao WordPress. Se você tiver sugestões ou comentários, eles serão 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.

N'' não 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.

...