@Font-face – Converter fonte para o Internet Explorer

Olá amigos,

Vou postar aqui no blog uma dica que aprendi essa semana no desenvolvimento de um site para um cliente, estava eu criando a folha de estilo CSS do site quando chegou a hora de fazer o menu de navegação, vi que a fonte usada pelo design nos títulos não era uma fonte convencional como Arial, Verdana ou Helvetica, e sim uma fonte especial, a Humanst521, olha o primeiro problema aí, como fazer com que os computadores que não possuem essa fonte instalada exibissem normalmente no browser sem fazer substituição por outra fonte?

Foi então que lembrei da propriedade @font-face do CSS3, mais uma vez acessei o site do Maujor e lá encontrei um tutorial que me explicou exatamente como utilizar o @font-face, bem aqui.

Ótimo, perfeito!

Montei a CSS conforme explicado pelo Maujor e tudo funcionou corretamente, até eu abrir o IE8. Como essa fonte especial que estava usando era no formato ttf o IE8 não abriu, pois, ele não reconhece esse formato, somente o formato eot. Aí vem o segundo problema, como arrumar essa fonte no formato eot?

Pesquisei na internet nos sites que disponibilizam fontes e nada de encontrar até que me veio a luz. Será possível converter ttf em oet?

E em uma pesquisa rápida encontrei este site aqui. Nele é possivel converter seus arquivos em ttf para oet e graças a isso consegui satisfazer o IE8.

Essa é a dica que queria deixar para vocês com relação ao @font-face no IE8, espero que possa ajudar quem estiver com esse mesmo problema.

É isso aí galera

Até a próxima!

Nenhum post relacionado.