Dicas para Criação e de sites

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:
 

Assine nosso feeds e receba notícias todas semanas