Webdev24.03.2012

MIME Type correto para web fonts em css

Quem trabalha com o atributo de CSS3 @font-face pode encontrar alguns erros no console do browser, como "Resource interpreted as Font but transferred with MIME type application/octet-stream", ao baixar arquivos de fonte de extensão .ttf, .otf, .woff e .eot.

Isso acontece porque não existe um MIME Type 100% oficial para estes tipos de arquivos – apesar de não ser algo tão recente – e os servidores web não possuem nenhuma configuração para tratar estas extensões e por isso as identifica como um arquivo binário genérico. Para corrigir esse problema (no servidor Apache), adicione as seguintes linhas no seu arquivo .htaccess:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf
AddType application/x-font-woff .woff
Tags:Apachecsshtaccess

Sobre mim? Nada de mais.

Eu sou o Kan – já fui chamado de Gafanhoto em outros tempos -, mas não espere uma grande introdução sobre mim aqui. Honestamente, não acho que tenha nada muito relevante para compartilhar.

Só quero deixar bem claro o seguinte:

Este blog existe basicamente para arquivar coisas que acho interessantes. Algo que pode me ser útil no futuro. E, claro, também para testar algumas idéias e experimentos.

Não escrevo para você, nem para virar influencer (hmm… não mesmo!). Por isso, sem comentários, sem interações.

Se quiser ler, fique à vontade. Só não vale julgar. Certo?

Flw!

Kan