Para usar é muito simples: acesse o Google Web Fonts e siga os seguintes passos:
1- Escola a sua fonte pelo nome. Quando encontrar sua(s) favorita(s), clique em "add to collection".
2 - Repare que fonte foi adicionada à sua coleção. Sendo assim, clique no botão "use" para ser direcionado ao gerador dos códigos.
3 - Escolha os tipos de estilo que irão compor sua fonte (imagem 1). Repare na dica à direita e lembre que quando mais sua fonte comportar, mais tempo eu site levará para carregar. Por isso, escolha com cuidado e use o medidor de velocidade ao lado para ter uma idea de quanto tempo sua página leva com os estilos selecionados. Escolha agora as linguagens suportadas pela fonte (imagem 2), também lembrando que quanto mais você selecionar, mais tempo seu site levará para carregar. Entretanto, pense também que certos caracteres podem não ser identificados em alguns sistemas, caso a linguagem não seja compatível.
![]() | |
Imagem 1. |
![]() |
Imagem 2. |
4 - Escolha entre as aplicações em HTML ou CSS. Por HTML, cole o código do quadro azul dentro da tag <head> do seu site. Se preferir a aplicação em CSS insira o nome da fonte ou cole toda a função font family em seu estilo CSS.
É simples assim! Para fazer este processo é aconselhado algum conhecimento de HTML/CSS. Se tiverem mais dúvidas deixem comentários.
Nenhum comentário:
Postar um comentário