O Typekit possue um acervo de mais de 4000 fontes licenciadas a disposição e é um dos primeiros nesse ramo. A qualidade das fontes é otima mas uma pena não ser totalmente gratuito
Veja os planos:
O próximo serviço que lhes apresento é o WebType:
Não tem tantas fontes disponíveis ,são apenas 365 mas é uma serviço de alta qualidade e super adaptável.
Também pode ser testado por 30 dias.
Agora vejamos os serviços não pagos (não tudo…hehehe)
Um que gostei bastante é o FontDeckAcervo com 600 fontes (com previsão de duplicar), várias delas gratuitas e as pagas começam com um preço bem acessível (cerca de 2,90 dólares pela licença de um ano), fora isso vc pode testar todas as fontes do site sem custo algum (para os 20 primeiros visitantes).
Para adicionar vc só precisa criar uma conta;escolher a fonte; clicar em “add to my site”; pegar o código e adicionar ao HEAD do seu template e finalmente substituir no css a fonte padrão pela fonte que vc adicionou no FontDeck.
TypeFront
No plano FREE vc não paga nada e tem direito a usar hospedar 1 fonte. Sim esse serviço não disponibiliza fontes vc deve já as possuir no seu pc e ele hospeda e te dá o código para incorporar no seu blog/site!
Depois de criar sua conta( aguarde o email para confirmar) vc já pode fazer upload da sua fonte:
se tudo der certo (não esqueça de que precisa ter a licença para usar a fonte) vc terá uma tela como esta:
Em FORMATS vc clica em ENABLE para ter o código em todos os formatos (saiba mais sobre @font-face)
Na aba EXAMPLE CODE vc terá o codigo que necessita para add a fonte á sua página:
@font-face vc copia e cola na primeira linha do seu css;
Depois procure por BODY (no CSS) e adicione o noem da fonte que vc fez upload .
Por ex:
body{line-height:1;background:#fff;font-size:14px;font-family:"Tahoma", arial, sans serif;color:#000;margin:0 auto}
Coloque em font-family: o nome da fonte que vc fez upload no typefront Na aba ALLOWED DOMAINS vc insere o url do seu blog/site ok?
OUTROS SITES :
O FONTSPRING tem quase 2000 fontes disponíveis, todas gratuitas mas vc precisa hospedar a fonte por conta própria, eles apenas oferecem o código.
No KERNEST também há uma variedade grande de fontes (2450), que são pagas e outras gratuitas, mas também possue a desvantagem de vc precisar hospedara fonte por conta própria nos planos free.
E deixei para o fim o GOOGLE FONT DIRECTORY por ser o mais simples de usar:
A desvantagem fica por conta da pouca variedade de fontes, mas pelo que vejo eles tem melhorado adicionando novas…
Para usar é mega simples:
Escolha a fonte deseja da e clique em “EMBED FONT …”
Vc terá uma página demonstrando a fonte e acima verá uma aba escrito “GET THE CODE”
Defina os tipos que vc irá usar (negrito/bold, italico, regular….)
E copie o codigo da primeira caixinha colando no HEAD do seu template (em editar HTML,não esqueça!)
Depois adicione o nome da fonte as fontes do seu css.
Fonte:Giza design
0 comentários:
Postar um comentário