Tipo MIME adequado para fontes .woff2

279

Hoje atualizei o pacote Font Awesome para 4.3.0 e notei que a fonte woff2 foi adicionada. Esse arquivo está vinculado no CSS, então eu preciso configurar o nginx para servir os arquivos woff2 corretamente.

Atualmente eu tenho esse bloco na configuração do nginx para fontes:

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

Qual é o tipo mime adequado para fontes woff2?

Limon Monte
fonte
1
Veja como armazenar em cache os arquivos woff2 no ​​Apache: <IfModule mod_mime.c> AddType font/woff2 woff2e <IfModule mod_expires.c> ExpiresActive On ExpiresByType font/woff2 "access plus 1 month". (Fechamento marcas e novas linhas omitidas.)
Chloe

Respostas:

437

No IIS, você pode declarar o tipo mime para os arquivos de fonte WOFF2 adicionando o seguinte ao web.config do seu projeto:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

Atualização : O tipo MIME pode estar mudando de acordo com a última especificação do Draft WOFF2 do Editor W3C . Consulte o Apêndice A: Registro do tipo de mídia da Internet, seção 6.5. WOFF 2.0, que indica o formato proposto mais recentefont/woff2

Steven Anderson
fonte
6
Agora, os tipos MIME no IIS 10 eram compatíveis com .woff2. Com o IIS 10, você não precisa alterar nada no web.config.
Kevin
7
Qual é o objetivo da <remove>tag aqui? Ele não parece ser documentados na referência (IIS iis.net/configreference )
Pathogen
18
@ Pathogen Às vezes, o IIS gera um erro se o mimeMap já existir. Removê-lo antes de adicioná-lo corrige esse erro.
Allan
214

font/woff2

Para nginx, adicione o seguinte ao mime.typesarquivo:

font/woff2 woff2;


Resposta antiga

O tipo MIME (às vezes escrito como mimetype) para fontes WOFF2 foi proposto como application/font-woff2.

Além disso, se você consultar a especificação ( http://dev.w3.org/webfonts/WOFF2/spec/ ), verá que isso font/woff2está sendo discutido. Eu suspeito que o tipo de mímica filal para todas as fontes acabará sendo o mais lógico font/*( font/ttf, font/woff2etc) ...

NB WOFF2 ainda está no status 'Working Draft' - ainda não foi adotado oficialmente.

atwright147
fonte
38
Isso foi atualizado. A especificação deixa muito claro. Tipo é fonte e subtipo é woff2, o que torna é fonte / woff2. É também isso que o próprio Google Fonts usa.
Raivo Laanemets
Ainda não consigo ver nada definitivo nas especificações. Embora eles falem sobre querer introduzir um font/*tipo de nível superior. Penso que, no interesse de informações completas, acrescentarei isso à minha resposta.
atwright147
@ atwright147 os tipos MIME são cobertos no apêndice A, para Woff2 é a seção 6.5 do apêndice A.
Richard
3
Atualizado em março de 2016: agora é uma recomendação candidato ea fonte / woff2 é o mimetype w3.org/TR/WOFF2/#IMT
Chris F Carroll
36

Apache

No Apache, você pode adicionar o woff2tipo MIME através do seu .htaccessarquivo, conforme indicado neste link .

AddType  application/font-woff2  .woff2

IIS

No IIS, basta adicionar a seguinte mimeMaptag ao seu web.configarquivo dentro da staticContenttag.

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
Fizzix
fonte
o que dizerapplication/x-font-woff2
Nerdroid
1
Hey @Moes :) De fato, application/x-font-woff2é o tipo antigo para quando o woff2 era muito novo. A especificação do W3C agora recomenda o uso, application/font-woff2pois é amplamente suportado. Se você deseja compatibilidade com versões anteriores, sinta-se à vontade para incluir também x-font-woff2.
Fizzix
No IIS, tome cuidado para remover quaisquer entradas de extensão definidas anteriormente, caso elas estejam definidas em outro local do servidor. Isso lhe dará erros muito confusos se você o encontrar! <remove fileExtension=".woff2" />e, em seguida, definem como acima :)
jocull
Note que o proposto e também muito provavelmente ser aceito é de fonte / woff2
Syakur Rahman
1
A Recomendação do W3C para o formato de arquivo WOFF 2.0 agora recomenda o uso font/woff2como o tipo MIME, mas a lista de tipos oficiais de mídia da IANA (ainda) não inclui o WOFF2.
Anthony Geoghegan
17

http://dev.w3.org/webfonts/WOFF2/spec/#IMT

Parece que o w3c mudou para font/woff2

Vejo que há alguma discussão sobre o tipo mime adequado. No link, lemos:

Este documento define um tipo MIME de nível superior "fonte" ...

... os subtipos de IANA oficialmente definidos, como "application / font-woff" ...

Os membros do W3C WebFonts WG acreditam que o uso do tipo de nível superior "aplicativo" não é ideal.

e depois

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

Portanto, a proposta do W3C difere da IANA.

Podemos ver que ele também difere do tipo woff: http://dev.w3.org/webfonts/WOFF/spec/#IMT onde lemos:

Type name:

    application
Subtype name:

    font-woff

qual é

application/font-woff

http://www.w3.org/TR/WOFF/#appendix-b

fantastory
fonte
1
Não vejo nada nessa página que sugira que tenha sido alterado para font/woff2você pode se acalmar, por favor?
atwright147
Talvez eu entenda errado. Quero dizer o Apêndice A, '6.5. WOFF 2.0 '
fantastory
1
Não consigo imaginar que isso seja prejudicado. A especificação deixa muito claro. Tipo é fonte e subtipo é woff2, o que torna é fonte / woff2. É também isso que o próprio Google Fonts usa.
Raivo Laanemets
2
Votei inicialmente isso inicialmente, mas achei que poderia obter um post com isso. Tal como está, esta postagem está alinhada com a especificação WOFF2, mas ainda é uma versão preliminar e ainda não foi movida para o Status da recomendação . Isso significa que o woff2 tecnicamente não tem uma mímica, pois font/woff2é inválido até que seja aprovado, mas o documento de especificação revogou o endosso de application/font-woff2nos deixar sem oficial. Portanto, acho que neste momento vou usar application/font-woff2.
precisa saber é o seguinte
2
@rtpHarry Anteriormente votei tanto nessa resposta quanto no seu comentário. Em fevereiro de 2017, o W3C publicou o Standards Track RFC 8081, tornando font/woff2o tipo de mídia oficial. Veja stackoverflow.com/a/43321601/1640661
Anthony Geoghegan