Acessando fontes não padrão na Web

Tornou-se comum encontrar sites que empregam fontes que normalmente não estão disponíveis nos usuários computadores, como a fonte "ff-tisa-web-pro-1" mencionada no exemplo fornecido. Isso levanta a questão de como essas fontes podem ser renderizadas em páginas da web.

A resposta está na declaração CSS @font-face. Esta declaração permite que os desenvolvedores web definam uma fonte personalizada e especifiquem como ela deve ser baixada e usada na página. Ao empregar essa técnica, os designers podem incorporar fontes que antes eram consideradas não seguras para a web.

Para implementar @font-face de forma eficaz, é recomendado utilizar a implementação de fonte à prova de balas de Paul Irish, que é suportada nos principais navegadores. . No entanto, é importante observar que restrições de licenciamento podem ser aplicadas a determinadas fontes.

Além disso, serviços de hospedagem de fontes como Typekit e API de fontes do Google oferecem soluções convenientes para servir fontes personalizadas em sites. Esses serviços cuidam da hospedagem e entrega de arquivos, simplificando o processo de implementação.

Também existem técnicas alternativas não nativas para incorporação de fontes, como cufon e sIFR, fornecendo uma maneira de exibir fontes não nativas em sites antes da adoção generalizada de @font-face.