
Dicas para Criação 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:
Publicidade
Postado por: Danilo Luna
Arte e Desenvolvimento
Arte e Desenvolvimento
Assine nosso feeds e receba notícias todas semanas
Todas as Notícias Todas as Dicas Tutoriais e Informações de Suporte
Publicidade
Outras Soluções
Buscar dicas
Últimos Clientes
[veja todos]

JK Baterias

FabriLar Casas
