Usar fonte não instalada...

[Leandro.Almeida 0]

Como utilizar uma fonte que o cliente não tem instalada?

[inforsis 1]

Leandro.Almeida, Bom Dia!

Esse assunto é um pouco complicado (pelo menos eu acho).

Eu sempre utilizo as mesmas como imagem, evito usar muitas fontes diferentes, mais quando necessito uso como imagem, ou em um arquivo swf. Porém existem algumas tecnicas que permitem utilizar diferenets fontes, aqui no fórum existem alguns tópicos que tratam do assunto ou indicam para um local que seja tratado melhor. Usa a busca para encontrar esses tópicos. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Guilherme Rambo 4]

Dá uma olhada aqui ;)

 

[]'s

[Giovani 104]

Esse link que o #INSIDE# passou é bem legal. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Leandro.Almeida 0]

Como utilizar uma fonte que o cliente não tem instalada?

http://www.maujor.com/tutorial/impfonte.php

[brcontainer 16]

Como utilizar uma fonte que o cliente não tem instalada?

http://www.maujor.com/tutorial/impfonte.php

 

esse exemplo só funcina no IE5+ (ie5 ou superior), acho quem nem é o 5 e sim o 5.5 acima

Firefox, Opera, Netscape, Safari não irão funcionar

 

PS.: se vocÊ buscar no forum já há topicos falando disso

http://forum.imasters.com.br/index.php?showtopic=263353

http://forum.imasters.com.br/index.php?showtopic=186467

 

o segundo link tem uma solução usando PHP

falow

[Nícolas 4]

Você pode usar Image Replacement com php para gerar imagem que seria a técnica que o silverfox se referiu.

http://www.tuliofaria.net/jquery-image-rep...t-com-4-linhas/

 

Ou você pode usar a do INSIDE que é uma técnica que eu adotei e curti muito.

 

Até aproveitei a idéia e fiz umas alterações lógicas para usar em alguns sites.

 

Um exemplo que usei ela de uma maneira bem útil o que eu fiz nesse site.

http://www.consultoriaeducare.com.br/inici...enu=oquefazemos

 

Eu adiciono essa imagem com a moldura da foto e o nome do instrutor com a tag h5.

<div class="curso">
	<h5 id="foto_clara.jpg">Clara</h5>

	<ul>
		<li><a href="?cont=cursos_clara_1" class="link">O Jovem e seu projeto de vida</a></li>
		<li><a href="?cont=cursos_clara_2" class="link">Como você pode melhorar a sua comunicação?  As interface da linguagem.</a></li>
		<li><a href="?cont=cursos_clara_3" class="link">Jovem: quem é você?</a></li>

	</ul>
</div>

<div class="curso">
	<h5 id="foto_laura.jpg">Laura</h5>
	<ul>
		<li><a href="?cont=cursos_laura_1&submenu=oquefazemos">O Líder do Século XXI</a></li>
		<li><a href="?cont=cursos_laura_2&submenu=oquefazemos">Coaching</a></li>
		<li><a href="?cont=cursos_laura_3&submenu=oquefazemos">Equipe e sua dinâmica</a></li>

		<li><a href="?cont=cursos_laura_4&submenu=oquefazemos">Marketing Pessoal</a></li>
		<li><a href="?cont=cursos_laura_5&submenu=oquefazemos">Consultoria de RH 1- Diagnóstico Organizacional</a></li>
	</ul>
</div>


<div class="curso">
	<h5 id="foto_isilda.jpg">Isilda</h5>
	<ul>

		<li><a href="?cont=cursos_isilda_1&submenu=oquefazemos">Multiculturalismo e currículo: ética e cidadania na ação docente</a></li>
	</ul>
	<br />
</div>

	<br />




<div class="curso">
	<h5 id="foto_maria_bueno.jpg">Maria Bueno</h5>

	<ul>
		<li><a href="?cont=cursos_maria_bueno_1&submenu=oquefazemos">Panorama da Arte Ocidental – da Pré-História ao século XX</a></li>
		<li><a href="?cont=cursos_maria_bueno_2&submenu=oquefazemos">Panorama da Arte Brasileira</a></li>		
	</ul>
</div>

 

Eu montei o flash e fiz ele importar a imagem que digito como id para o flash dentro de uma mascara, e o texto que digito dentro do h5 mostra como nome do professor

 

Se você clicar em alguns dos cursos verá mais um swf que fiz com uma outra estrutura usando a mesma técnica.

 

O único ponto negativo dela é que você não pode abusar de usar muito, porque cada um será um flash, e isso vai pesar para carregar... o lance é usar, mas com moderação ^^

 

E uma dica, habilita sempre o embed (ou character para versões mais antigas do flash) do dinamic text do flash

http://www.cezinha.com.br/tutorial/variavel/caixa1.gif

(Nessa imagem está ao lado desse campo vars que ta em destaque)

 

Só você digitar todos os possiveis caracteres que entraram no titulo (ç, ã, õ, inclusive o espaço, ....) os que você esquecer não irão aparecer.

 

Só jogar esses caracters, mas quanto mais caracteres você jogar, maior será o tamanho do seu swf e mais ele irá demorar para carregar.

 

Caso você não faça isso alguns navegadores não irão interpretar a fonte e aparecerá uma fonte padrão.

 

Esse é o motivo do embed aumentar o tamanho do swf, ele salva os caracteres da font para uqe posso ler depois.

 

De todas as formas a que mais gosto é essa, embora sej aum pouco mais trabalhosa para se entender DE INICIO, depois de feita é a mais pratica para alterações e ainda permite fazer diversas alterações que facilitam muito a vida.

 

E quanto se pega as manhas fica facinho =)

 

Ja teve site que cheguei a passar até 6 atributos pela tag que alteravam o flash do topo.

 

Caminho da imagem de fundo, posição x e y da imagem de fundo para poder movela por um sistema de administração, cor da tarja do topo, titulo do topo, subtitulo do topo.

 

As possibilidades são enormes, basta você aprender a usar a técnica ;)

[Eduardo O'Meagher 0]

Como utilizar uma fonte que o cliente não tem instalada?

 

Outro dia eu estava pesquisando isso na internet e descobri o SIFr, que é uma substituição de blocos de texto por texto em flash, na fonte que você quiser. como o arquivo tem 1 a 5k, a transição é muito rápida e nem se nota e, se o usuário do site não tiver flash instalado, ele cai para o css padrão. é muito bom. o site é:

 

http://www.mikeindustries.com/blog/sifr/

tem os links para download na parte inferior da página.

 

e tem uma página de exemplo em:

http://www.mikeindustries.com/blog/files/sifr/2.0/

 

para ele funcionar são umas 3 linhas de código e um parâmetro em cada div que tu queira usar se não me engano. mas é muito simples.

[Thiago Retondar 18]

Eduardo, sei que sua intenção é muito boa, mas tente ajudar tópicos recentes. ;)

 

Último post » Postou 25 fevereiro 2008 - 17:41

 

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