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.

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