Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcelo Kubart

[Resolvido] @fontface

Por , em Desenvolvimento frontend

Recommended Posts

Marcelo Kubart    0

Marcelo Kubart
Postado

Então Gente,

 

Tentando aprender a incorporação de fontes esternas cheguei a esse código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
 @font-face {
   font-family: "Gill Sans";
   src: url("fonts/GILLSAN2.eot");
src: url("fonts/gill-regular.ttf") format("truetype"), url("fonts/gillregular.otf") format("opentype");
 }
 @font-face {
   font-family: "Gill Sans Light";
   src: url("fonts/GILLSAN1.eot");
   src: url("fonts/gill-ligth.ttf") format("truetype"), url("fonts/gillligth.otf") format("opentype");
 }

p.gill { font-family: "Gill Sans";}

p.gill-l { font-family: "Gill Sans Light";}

p.arial {font-family:Arial, Helvetica, sans-serif;}
</style>
</head>

<body>
<p class="gill">Funcionou? á é í ó ú ç ã õ â ê î ô û</p>
<p class="gill-l">Funcionou? á é í ó ú ç ã õ â ê î ô û</p>
<p class="arial">Funcionou?</p>
</body>
</html>

 

Subi na web para testar e as fontes não funcionam, em nehum navegador.

 

Aí comentei as linhas que chamam as fontes ttf e otf, e funcionou no IE.

 

quebrei os srcs em 3 linhas e não deu certo.

 

Vocês sabem oque pode ser?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

dá uma olhada no código que este site te devolve:

http://www.fontsquirrel.com/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito