Sua função é simples e prática, você quer fazer uso de uma fonte customizada? Sim, aquelas fontes que precisam ser instaladas no sistema operacional de seu visitante, mas não sabe se ele há tem? Então, essa é a função dela, você a chama por meio de um arquivo normal, por tanto, não se esqueça de envia-lo ao seu servidor.
Eu já fiz isso do mesmo, no meu antigo web site, totalmente funcional, por tanto, é indispensável o uso desta nova ferramenta. Mas chega de papo e vamos ao código?
@font-face { // Aqui chamamos o início da fonte, indicamos que estaremos usando a ferramenta de font-face.
font-family: 'scarface'; // Aqui indicamos o nome da fonte que você está fazendo uso, no caso desta, é a fonte scarface.
src: url('scarface-webfont.eot'); // Aqui indicamos que se caso a fonte já esteja instalada no sistema operacional de seu visitante, ele a carregará, ao invés de carregar a que você colocou em seu servidor
src: local('scarface'), url('scarface-webfont.ttf') format('truetype'); // Aqui indicamos para que caso o seu visitante não tenha a fonte instalada em seu sistema operacional, a fonte seja carregada de seu servidor até a tela de seu visitante, assim, ele poderá visualiza-la normalmente
}
Download do código-fonte: Upado no Media Fire
Scan para segurança: Utilizado Virus Total
Lembrando que vocês podem e devem compartilhar o conteúdo apresentado nesse post, façam bom uso, e aqui vamos nós!
0 comentários:
Postar um comentário