WebCis - Serviços de criação sites, marketing digital e sistemas web.

SIGA-NOS
Solicite um orçamento

Dicas para Criação e 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 notícias todas semanas

Últimos Clientes

[veja todos]