Vejamos, ambos são funcionais, mas imaginemos, você quer fazer o uso de uma fonte designada pelo designer, mas não a encontra na lista de fontes do Google? Como proceder? Sim, faça uso da maneira anterior, utilizada neste post. Deixando a parte teórica de lado, vamos partir para a parte prática.
Primeiramente, você deverá acessar o site do Google Web Fonts, você pode ter acesso ao mesmo, clicando aqui. Após o primeiro passo, prossiga escolhendo uma fonte na qual você tenha interesse em ser utilizada e clique em "Add to Collection"; note que uma nova barra será inicializada na parte inferior de seu navegador, procure pela opção de "Use".
Você será redirecionado para uma nova página, desça a mesma e procure pela opção na qual você pretende utilizar, @import, css ou por javascript, por início, estarei utilizando a com css; copiem o código e coloque o código do mesmo no mesmo local que você linka seus arquivos css.
Prosseguiremos para o seu arquivo css; chame sua fonte de maneira padrão, ou seja, utilizando o comando font-family, conforme o exemplo abaixo.:
h1 {
font-family: font-family: 'Skranji', cursive;
}Mal feito, feito! Apenas chame o seu h1 e pronto, sua fonte será vista por seu visitante sem ao menos tê-la instalada.
Terminando, você chamará a fonte por meio de um link do Google e seu visitante poderá visualizar a fonte normalmente.
Download do código-fonte: Upado no Media Fire
Scan para segurança: Utilizado Virus Total
0 comentários:
Postar um comentário