Ir para conteúdo

POWERED BY:

Arquivado

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

Ashramkun

Utilização de @font-face

Por , em Desenvolvimento frontend

Recommended Posts

Ashramkun    0

Ashramkun
Postado

Olá xD

 

Estou com uma dúvida sobre a formatação de um DIV. Abaixo eu coloquei um exemplo que está funcionando.

 

<html>
<head>
<style type="text/css">
<!--
#T1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	font-family:"Arial";
	left: 129px;
	top: 59px;
}
-->
</style>
<body>
<div id="T1" style="border:0px solid black; height:124px; width:718px; padding:5">Texto</div><br />
</body>
</html>

Acontece que eu gostaria de carregar uma fonte que estivesse online. Achei algo sobre font-face, como o exemplo abaixo

@font-face {
	  font-family:comic;
	  src:url(http://valid_url/some_font_file.eot);
   }

mas isso não funcinou... pelo menos no exemplo que eu dei, tirando que parece que só funciona no IE.

 

Alguem sabe de algum jeito de fazer o font-family carregar a fonte online atraves de uma URL?

Desde já agradeço =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Esse assunto já foi bastante discutido aqui. ;) Mas vamos lá:

 

Nunca li muito sobre esse recurso, mas se não me engano, nenhum browser, a não ser o Internet Explorer, aceita esse recurso.

 

Ele deve ser usado assim:

 

@font-face{

font-family: NomeDaFonte, Arial, Verdana, Sans-Serif;

src: url(EndereçoDaFonte);

}

Hoje você pode tentar usar uma técnica chamda sIFR.

 

Se não me engano, há um tutorial no tableless.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ashramkun    0

Ashramkun
Postado

Ola Thiago.

 

Desculpe se esse assunto já foi discutido bastante aqui. Eu uma busca pelo forum eu não achei nada a respeito de carregar @font-face dentro de um hml como necessito. Mas agradeço pela resposta =)

 

Eu testei esse comando que você me passou dentro do meu html, e ficou assim:

<html>
<head>
<style type="text/css">
<!--
#T1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	@font-face{
		font-family: NomeDaFonte, Arial, Verdana, Sans-Serif;
		src: url(EndereçoDaFonte);
	   }
	left: 129px;
	top: 59px;
}
-->
</style>
<body>
<div id="T1" style="border:0px solid black; height:124px; width:718px; padding:5">Texto</div><br />
</body>
</html>

E nao funcionou. Fiz algo de errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

É como eu disse, nunca usei isso, então não posso te passar nada muito seguro.

 

Mas no tableless fala que nem um browser da mais suporte.

 

Tente, sei lá, carregar ele de fora... Depois da um include.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gui.BAR    0

Gui.BAR
Postado

Assino a 4 meses. Bem interessante mesmo!

Sempre umas dicas de CSS, jQuery, Flash e as vezes umas coisas diferentes como Air.

Ela é a versão traduzida da .Net Magazine Britânica, e o Chris Coyier faz umas matérias pra ela.

Por 11,90/mês tá boa demais!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Isso não funciona... experiência própria...

 

você pode até ter essa propriedade e definir a fonte, mas se a pessoa não tiver a fonte instalada no PC de NÃO FUNCIONA!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gui.BAR    0

Gui.BAR
Postado

Thiago, são 14,90 na banca. 11,90 na assinatura.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Opa, estava vendo aqui no site.

 

Acho que vou fazer esse:

 

Assinatura Anual (12 exemplares) de R$ 178,80 por:

1x R$ 110,40 = R$ 110,40 (desc. 38,25% - no boleto ou depósito bancário*)

1x R$ 116,22 = R$ 116,22 (desc. 35%)

até 3x R$ 38,74 = R$ 116,22 (desc. 35%)

até 6x R$ 19,37 = R$ 116,22 (desc. 35%)

Valeu, aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

P.S.: Agora vamos parar de fugir do escopo do tópico... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

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