WebCis - Servios de criao sites, marketing digital e sistemas web.

SIGA-NOS
Solicite um oramento

Dicas para Criao de sites

Utilizando @Font-Face

Publicidade

Utilizando o comando @font-face

Informação:
Função que permite usar fontes externas nos sites informando ao navegador o lugar aonde o arquivo se encontra, podendo ser uma fonte local (localizada no computador da pessoa) ou de um determinado endereço da web informado no CSS.

Tipos de Fontes Reconhecidas nos Navegadores
Mozilla Firefox, Google Chrome, Safari e Opera  : .TTF (True Type Font)
Internet Explorer: .EOT (Embed Open Type)

Vamos ao exemplo de @font-face

@font-face {font-family: 'fonte';src: url('../../fonts/fonte.eot')/*Para navegadores Internet Explorer*/;font-weight: normal;font-style: normal;}@font-face {font-family: 'fonte';src: url('../../fonts/fonte.ttf') /*Para os demais navegadores*/;font-weight: normal;font-style: normal;}

É necessário usar os dois comandos no css para que funcione em todos os navegadores:

Veja o Resultado:
 

TEXTO UTILIZANDO @FONT-FACE
Publicidade
Postado por: Danilo Luna
Arte e Desenvolvimento  

Assine nosso feeds e receba notcias todas semanas

ltimos Clientes

[veja todos]