A incorporação de fontes comerciais em sites

Question

Boa noite Senhoras e senhores!

Procurando uma solução cross-browser para commercial fonts incorporar como HelveticaNeue ou Univers etc. Eu encontrei algumas abordagens promissoras.

Primeiro de tudo vou alistar todos encontrados, moderno e fácil de usar abordagens aqui:

1. sIFR
2. Cufón
3. Typeface.js
4. CSS3 font-face

sIFR é bem conhecido e meio fácil de implementar, mas que eu saiba, não como fácil como é Javascript somente irmãos, Cufón e typface.js.

Cufón me chamou a atenção, uma vez que torna um pouco melhor que Typeface.js, e cria menores font-arquivos de tamanho. Pelo visto não há nenhuma maneira legal para usá-lo com qualquer fonte comercial lá fora, que não é permitido para ser incorporado a este tipo de solução.

Para Typeface.js a mesma situação se aplica, diferindo apenas quanto à verdade, que não é sequer capaz de converter fontes com uma licença, que proíbe de incorporá-lo em sites.

Por último, mas não menos importante, é esta propriedade 'novo' CSS, chamado font-face, que é incrivelmente fácil de usar, mas para o nosso amado IE precisamos converter os arquivos em arquivos EOT (Embedable OpenType).

declarações CSS Portanto especiais são necessários para o IE, para ser capaz de usar essas fontes dentro do navegador.

A questão agora é:

O que é a melhor abordagem para usar tais fontes comerciais em sites? Use fontes livres só a partir de agora com Cufón ou converter todas as fontes usadas em EOT arquivos, e usá-los em conjunto com font-face?

Obrigado por suas respostas bem argumentado, eu aprecio isso!

Answer 1

Finalmente, depois de algumas horas de pesquisas e testes eu encontrei um MUITO boa solução para a incorporação de fontes especiais em sites.

Usando a abordagem via CSS3 font-face é imho a melhor solução.

A única sobrecarga-coisa que você tem que fazer para o IE, é converter suas fontes TrueType (Infelizmente OTF não está funcionando.) em arquivos EOT. Microsoft trama é uma solução, mas a melhor maneira para fazer isso, é usar a ferramenta 'ttf2eot' open-source, o que pode ser encontrada aqui: http://code.google.com/p/ttf2eot/

Uma interface baseada em web pode ser encontrada em busca de 'Os feiticeiros kirsle' no Google.

A única coisa a notar é o suporte ao navegador ...

IE4,5,6,7,8 usar os arquivos EOT, enquanto o apoio TTF é única fornecido por versões do Firefox> = 3.1. Sobre o Safari e Opera Eu não tenho certeza, mas Safari 4 trabalhou para mim, e Opera 10 também.

(Então Chrome não apoiá-lo Eu acho que, devido ao uso de uma versão mais antiga webkit?!)

Com base em estatísticas de rastreamento de clientes da nossa agência 'apenas' 15 a 20% de seus visitantes utilizam navegadores incompatíveis como Firefox 2.0 ou 3.0, versões mais antigas do Safari ou Opera ou Chrome.

Answer 2

A parte inferior desta página tem informações sobre como fazê-lo usando HTML em linha reta e CSS: http://www.albinoblacksheep.com/text/font