Como usar o Typekit

Muitas vezes nos deparamos com o tópico da fonte. Muitas vezes acontece, de fato, ter a necessidade de usar uma fonte em nosso site que ainda não está contida no pacote fornecido com nosso sistema operacional.

Nesse caso, é possível usar bibliotecas externas, como as disponibilizadas pelo Google e Adobe. A esse respeito, hoje veremos juntos  como usar o Typekit  em nosso site.

No passado, já vimos como integrar um  Google Fonts em um site WordPress  , hoje usaremos a biblioteca Adobe, Typekit.

Saiba que o processo é semelhante, portanto, se você já está familiarizado com as fontes do Google, não terá muita dificuldade em usar o Typekit.

Índice de conteúdo

  • O que é Typekit
  • Criação de um ID Adobe
  • Typekit: a escolha da fonte
  • Criação e publicação do kit
  • Insira a fonte do typekit no site
  • Use typekit em e-mails
  • Conclusões

O que é Typekit

Antes de começarmos, parece correto fornecer uma compreensão geral   do  que é o TypeKit  e por que você deve usá-lo. Typekit é um serviço fornecido pela Adobe que permite estabelecer uma assinatura para usar uma fonte em seu PC ou inseri-la em um site.

O serviço é essencialmente gratuito, já que você também pode acessá-lo com um plano de licença individual. Os preços dos esclarecimentos podem variar de acordo com o uso que você pretende fazer das fontes disponibilizadas na biblioteca.

Antes de usar uma fonte, entretanto, é bom que você leia os  termos de uso  da mesma.

Criação de um ID Adobe

Agora você deve estar claro sobre a importância do Typekit. Vamos passar para a fase operacional e ver como integrá-lo ao nosso site. Primeiro você precisa criar uma conta adobe.

Fazer isso é muito simples, vá para o site oficial da Adobe (https://www.adobe.com/it) e clique no   botão de acesso no canto superior direito. Siga os passos e confirme seu e-mail.

Em alguns passos simples, você terá criado sua conta adobe. Com este usuário você pode criar seus próprios kits customizados e escolher a fonte que melhor se adapta ao seu site.

Typekit: a escolha da fonte

Com a sua conta adobe, escolha a fonte que melhor se adapta a você através do  site Typekit  . Selecione a fonte clicando no botão  Adicionar ao Kit  . Agora você precisará especificar o domínio no qual digitará sua fonte. Existem claramente diferentes tipos de fontes: desde monotípicas até caligráficas, passando por serifas e sans-serifas. Agora cabe a você decidir.

Aconselho você a usar uma fonte de fácil leitura, se puder evitar o uso de fontes, muito obrigado na web. A legibilidade é um dos aspectos mais importantes do seu site, especialmente se você se concentrar no conteúdo.

Criação e publicação do kit

Na caixa de domínios, digite seudominio.com e em nome dê um nome para a fonte que você vai usar.

Agora é importante que você clique no   botão publicar . Ao fazer isso, sua fonte estará agora disponível e publicada. Esta etapa é realmente muito importante; na verdade, muitas pessoas esquecem esta etapa e encontram o erro  typekit o domínio não está na lista de domínios publicados para o kit  . Não cometa essa leviandade.

Insira a fonte do typekit no site

O Typekit, um pouco como o Google, nos permite implementar a fonte de diferentes maneiras: via um link href, via @import ou via javascript. Vamos ver juntos o primeiro método, o mais simples.

Copie o link href que você encontra na   parte padrão . Cole o código no cabeçalho de sua página da web.

<head>

<link rel = “stylesheet” href = “https://use.typekit.net/mytypekit.css”>

</head>

Agora a fonte está disponível em sua página da web e você pode usá-la facilmente via CSS. Basta definir a família de fontes adequada. Se, por exemplo, você deseja que todos os parágrafos do seu site tenham a fonte typeKit, tudo o que você precisa fazer é inserir

p {

família da fonte : ‘nome da fonte ‘, sans-serif;

}

e é isso.

Use typekit em e-mails

Desculpe desapontá-lo, mas o Typekit não pode ser usado em e-mails html. Então, se você estava pensando em criar um boletim informativo com uma fonte typekit, sugiro que você mude para uma fonte do Google.

Infelizmente, os mods do fórum oficial confirmam isso:  Não é possível usar fontes Typekit em um e-mail HTML de forma confiável, portanto, não oferecemos suporte no momento.

O problema está relacionado ao fato de que o Typekit usa Javascript e @ font-face para carregar a fonte corretamente. Os clientes de e-mail não suportam Javascript e apenas alguns deles suportam @ font-face.

Conclusões

Vimos como usar uma fonte Typekit em nosso site. No entanto, meu conselho é não exagerar ao carregar fontes. Lembre-se de que as fontes aumentam o número de chamadas e tornam o seu site mais pesado. Sempre use-os com moderação.

Espero que, com a ajuda deste guia, você tenha conseguido entender como funciona o Typekit. Se você tiver alguma dúvida ou quiser acrescentar mais sobre o assunto, fique à vontade para deixar um comentário.

 

Leave a Comment

Your email address will not be published. Required fields are marked *