Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

@font-face funcionando no opera, chrome, firefox e internet explorer

26-01-2016 21:40

Vou postar aqui um exemplo local bem simples do @font-face funcionando nos principais navegadores.

Como dito o teste foi local. Para funcionar, você deve ter a fonte que vai usar no formato eot e ttf.
Para usar o @font-face em páginas em servidores online informe o caminho completo até as fontes "http..."

Para fazer a conversão de fontes acesse https://onlinefontconverter.com

<style type="text/css"> @font-face { font-family:minhafonte; src:url(fonte.eot); } @font-face { font-family:minhafonte; src:url(fonte.ttf); } .div{ font-family:minhafonte; } </style> <div class="div">texto</div>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado