Ir para o conteúdo principal

Como adicionar uma tipografia impressionante, com Typekit

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

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

Você já se perguntou como aqueles que projetam sites usam belas fontes em seus sites? Muitas vezes, eles adicionam fontes personalizadas usando Typekit, um serviço da Adobe que fornece acesso a fontes de alta qualidade. Neste tutorial, mostraremos como adicionar fontes Typekit ao WordPress para melhorar sua tipografia.

Por que usar Typekit fontes?

O Typekit é um serviço popular de política de assinatura que pode economizar muito dinheiro. Em vez de pagar por licenças de política individuais, que podem se tornar bastante caras, você pode acessar toda a biblioteca de centenas de fontes gratuitamente ou por uma taxa anual fixa.

A biblioteca Typekit é uma coleção impressionante de mais de fontes 1000. Algumas das fontes mais bonitas que você pode encontrar na Web estão disponíveis no Typekit, um serviço da Adobe.

Seu plano básico gratuito é fornecido com acesso às fontes 230 +, e você pode usar as famílias de fontes 2 em um site gratuito. Outros planos começam de 49,99 $ a 99,99 $ por ano.

Essas incríveis fontes Typekit podem ser facilmente adicionadas a um site sem diminuir a velocidade de carregamento do seu site. As fontes são veiculadas por meio de uma CDN e carregam muito mais rapidamente do que se você.

Por que usar fontes personalizadas no WordPress?

A tipografia desempenha um papel crucial na criação do seu site.

A escolha de boas fontes comunicará claramente sua personalidade e mensagem aos seus leitores. Não importa que tipo de imagem você deseja refletir (profissional, amigável, casualAs fontes do seu site podem ajudar a projetar uma boa imagem.

Ao usar o conjunto certo de fontes, você pode deixar uma impressão duradoura. Selecionar a fonte certa para o seu site WordPress pode fazer com que seu site passe de um design simples a um trabalho estético notável.

Boas fontes personalizadas da Web podem:

  • Aumentar as taxas de conversão
  • Reduzir a taxa de rejeição do seu site
  • Aumente o tempo gasto no seu site
  • Crie uma experiência memorável para os usuários

Você sabe como usar fontes Typekit? Como usar Typekit para personalizar fontes WordPress.

Como começar com o Typekit

Primeiro, você precisa criar uma conta do Typekit. Para fazer isso, basta acessar "Typekit.com" e comparar os planos disponíveis.

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]

Você precisará escolher qual plano deseja usar. O plano gratuito limita você a um site e inclui acesso a fontes limitadas. Você pode começar com o plano gratuito para experimentá-lo e depois atualizar mais tarde. A atualização oferece uma biblioteca maior de fontes e você pode usá-las em vários sites.

O próximo passo é a criação de um kit. O kit permite reunir uma biblioteca de fontes e configurações específicas para o seu site, para que a carga do kit de tipos seja ideal. Para criar seu kit, adicione o nome do site e o domínio e clique em Continuar.

Depois de concluir o preenchimento das informações do seu kit, o Typekit fornecerá um código JavaScript para adicionar ao seu site. Você pode copiar e colar esse código em um editor de texto como o Bloco de Notas para salvá-lo por enquanto. Vamos adicioná-lo ao seu site na próxima etapa deste tutorial.

Por enquanto, você pode começar a escolher suas fontes. Você pode navegar na biblioteca de fontes e filtrá-las por opções como classificação, peso, largura, altura e muito mais.

Quando vir a fonte desejada, clique nela para obter mais detalhes e exemplos. Se você quiser adicioná-lo ao seu kit da web, clique no botão "Uso da Web: Adicionar ao Kit" no lado direito.

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]

Isso exibirá um pop-up no qual você precisará adicionar a fonte selecionada para o kit que você acabou de criar.

Agora você pode clicar no botão " publicar Para salvar as alterações no seu kit.

Isso é tudo! Seu kit de fontes agora está disponível para uso em seu blog WordPress.

Como adicionar fontes para WordPress Typekit

A melhor maneira de adicionar suas novas fontes personalizadas da Web ao seu blog WordPress será usando o plugin Wordpress Typekit. Aprenda a instalar um plugin do WordPress.

Recomendamos fontes Typekit para o plugin WordPress. Depois de instalar e ativar o plug-in, você pode acessar " Configurações> Fontes Typekit Para configurar o plugin.

Primeiro, você precisará colar o código JavaScript que você salvou anteriormente no campo Código de incorporação do Typekit. Depois disso, você pode adicionar seletores de CSS para especificar onde deseja usar a fonte no seu site.

Na captura de tela acima, adicionamos a fonte ao seletor CSS " h1.site-título ".

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]

Seu tema WordPress pode usar classes diferentes para elementos diferentes. Você precisará usar a ferramenta Inspect Item no seu navegador da web para encontrar essas classes CSS.

Isso é tudo para este tutorial, espero que permita adicionar fontes TypeKit ao seu blog WordPress.

.

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
13 ações
ação10
chilrear
Enregistrer3