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 901.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 conseguem usar 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 policiamento por assinatura que pode economizar muito dinheiro. Em vez de pagar por licenças de fontes individuais, que podem ficar muito caras, você pode acessar sua biblioteca inteira 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 vem com acesso a mais de 230 fontes, e você pode usar 2 famílias de fontes em um site gratuitamente. Outros planos começam em $ 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 sua mensagem aos 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 levar o seu site de um design simples a uma peça estética impressionante.

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 Typekit. Para fazer isso, basta ir para "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 querer começar com o plano gratuito para experimentá-lo e, em seguida, atualizar mais tarde. A atualização oferece uma biblioteca maior de fontes e você pode usá-las em vários sites.

Criação de um kit no wordpress typekit

A próxima etapa é criar um kit. O kit permite que você reúna uma biblioteca de fontes e configurações específicas para o seu site, para que o carregamento do typekit seja ideal. Para criar seu kit, adicione o nome do site e o nome do domínio e clique em Continuar.

Criação de um kit no wordpress typekit

Assim que terminar de preencher as informações do kit, o Typekit fornecerá um código JavaScript para adicionar ao seu site. Você pode copiar e colar este código em um editor de texto como o Bloco de notas para salvá-lo por enquanto. Iremos 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á-los por opções como classificação, peso, largura, altura e muito mais.

Fonte Chiosir uen no typekit

Ao localizar uma fonte de sua preferência, você pode clicar nela para obter mais detalhes e exemplos. Se quiser adicioná-lo ao seu kit web, clique no botão “Uso da web: Adicionar ao kit” à direita.

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]

Monarcha font typekit wordpress

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

Pré-visualizar tipografia typekit

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

Pré-visualizar tipografia typekit

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

Como adicionar fontes para WordPress Typekit

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

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

Configurações de plug-in de typekit para Wordpress

Primeiro, você precisará colar o código JavaScript salvo anteriormente no campo de código incorporado do Typekit. Depois disso, você pode adicionar seletores CSS para especificar onde deseja usar a fonte em 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 Inspecionar elemento em seu navegador da web para encontrar essas classes CSS.

Inspecione o conteúdo do código wordpress

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