sIFR Lite: Solução para Utilizar Qualquer Fonte (Leve)

No response, Jan 08, 2009

sIFR é o mais popular script para solucionar o problema com a utilização de fontes em websites.

Agora existe um outra solução similar chamada sIFR Lite que possui algumas novas funcionalidades, mas especialmente um menor tamanho 3.7kb contra os 22kb do sIFR tradicional.

Descubar a Fonte de um Logo

No response, Jun 18, 2008

WhatTheFont é um site que permite que você efetue upload de um logo ou qualquer outra imagem que contenha um texto que você quer descobrir a fonte. O WhatTheFont suporta a maioria dos formatos de imagem GIF, JPEG, TIFF, BMP, a única limitação é que você não pode enviar imagens maiores que 360×275px.

Depois de fazer upload da imagem, você precisa inserir as letras correspondentes do texto, em vista que o sistema nem sempre consegue detectar com precisão. No exemplo acima, o site reconheceu a fonte utilizada no logo do Google como Catull.

sIFR -Tipografia

No response, Jun 12, 2008

Quantas vezes, você desenhou um website com aquela fonte super-estilosa para os titulos e descobriu que você terá que usar alguma font sans-serif para manter um amaior compatibilidade e identidade visual do site na web. Então a Solução é o sIFR:

sIFR (Scalable Inman Flash Replacement) é um técnica que permite substituir elementos de texto HTML por um equivalente em Flash, do qual permite a inclusão de qualquer Tipografia(Fonte), mesmo se o usuário não tiver instalada em seu computador.

Utilizando o sIFR
O primeiro passo é fazer o download do sIFR 3, extrairemos os arquivos, aonde veremos um pasta flash aonde encontraremos um arquivo sifr.fla o qual devemos abrir no Flash e modificar a fonte da letra, nesta nova versão do sIFR é possível também aplicar alguns filtros a fonte. Salvamos as modificações e exportamos o arquivo. A este arquivo damos um nome, geralmente é o nome da Fonte Selecionada, mas sinta-se livre para nomea-lo da melhor forma possível.

O Passo seguinte é incluir os arquivos sIFR-screen.css e sIFR-print.css que incluimos no HTML:

O 2º Passo é incluir também o arquivo javascript sifr.js.

 
<script src="sifr.js" type="text/javascript">
</script>

O 3º e último passo é utilizar o metodo sIFR.replace para substituir blocos htlm por blocos flah que contem a Fonte selecionada, a sintaxe para fazer isso é a seguinte::

sIFR.replace ( {
src: 'caminhopara-fonte.swf'', // caminho para o swef que contem a fonte
selector: 'html-tag', // tags para serem modificadas
css: '.sIFR-root { prop: value }' // CSS para o flash
} );

Como exemplo iremos criar um arquivo chamado monotype.swf que devem substituir as todos os elementos h1 da nossa página:

Logo se queremos que os elementos tenham a cor de #FF3366 e que tenham 24px de tamanho, adicionamos estas propriedades no css, da seguinte maneira::

 
<script type="text/javascript">//
 
sIFR.replace({
src: 'monotype.swf',
selector: 'h1',
css: '.sIFR-root {color: #FF3366; font-size: 24px; }'
});
//</script>

Agora se por exemplos queremos substituir os elementos que tem a classe azul pela fonte bookman.swf y e o tamanho de 14px podemos utilizar:

 
<script type="text/javascript">//
 
sIFR.replace({
src: 'bookman.swf',
selector: '.azul',
css: '.sIFR-root {color: #0099FF; font-size: 14px;}'
});
//</script>

Podemos utilizar várias vezes o método sIFR.replace para substituir os diferentes tipos de fontes. agora unindo todos os elementos em um htlm temos o seguinte código,:

sIFR: Fontes em HTML

sIFR ( Scalable Inman Flash Replacement )…

Via: unijimpe

A fonte Utilizada no Logo do Google

1 response, Apr 26, 2008

A fonte utilizada pelo Google se chama Catull, foi desenhada por Gustav Jaeger no ano de 1982 e desde Agosto de 1999 o Google vem utilizando-a em seu logo.

Via | Nierox