Pergunta

Eu tenho que usar uma fonte sofisticada em um projeto, mas eu realmente gostaria de evitar o SIFR e outras alternativas feias, então estou olhando para @font-face.

No entanto, estou realmente confuso com vários blogs/sites que oferecem visualizações diferentes sobre sua usabilidade. Já está pronto? Quais navegadores apoiam hoje?

Obrigado

Foi útil?

Solução

Quase todo navegador implementa agora. A única captura real é que o Internet Explorer requer arquivos de fonte em seu próprio formato OTF e não entenderá o formato TTF. Muitos sites que fornecem fontes para uso com @font-face fornecerão a você os formatos e o CSS necessário para que eles sejam exibidos no Internet Explorer e em outros navegadores.

Dar uma olhada em http://www.fontsquirrel.com/ Para um bom exemplo de uma biblioteca gratuita de fontes que vêm com downloads pré-fabricados @font-face (ambos os formatos de arquivo e o CSS relevante.)

Outras dicas

Paul Irish descreveu o estado atual de @font-face. Aqui está uma apresentação de slides e uma pequena reunião em Boston revisando tudo:

http://paulirish.com/squeeze/

http://www.ustream.tv/recorded/4828154

A resposta rápida é de 95% dos navegadores A+ utilizados (FF 3.0 é a exceção). O licenciamento pode ser complicado, mas várias ferramentas são úteis, como fontsquirrel, fontdeck e fontspring.

Provavelmente, a parte mais difícil da implementação é lidar com o Firefox, que possui um FOUT ("Flash de texto não sincero") na carga, embora existam várias soluções alternativas, incluindo:

http://paulirish.com/2009/fighting-the-font-face-fout/

http://inspiringpixel.com/articles/web-design/fight-the-fout/240/

http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top