.Woff2 yazı tipleri için uygun MIME türü


279

Bugün Font Awesome paketini 4.3.0'a güncelledim ve woff2 yazı tipinin eklendiğini fark ettim . Bu dosya CSS'de bağlı olduğundan, nginx'i woff2 dosyalarını düzgün bir şekilde sunmak için yapılandırmam gerekiyor.

Şu anda yazı tipleri için nginx config bu bloğu var:

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

Woff2 yazı tipleri için uygun mime tipi nedir?


1
Apache'de woff2 dosyalarını nasıl önbelleğe alacağınız aşağıda açıklanmıştır: <IfModule mod_mime.c> AddType font/woff2 woff2ve <IfModule mod_expires.c> ExpiresActive On ExpiresByType font/woff2 "access plus 1 month". (Etiketler ve yeni satırlar kapatıldı.)
Chloe

Yanıtlar:


437

IIS'de, projenizin web.config dosyasına aşağıdakileri ekleyerek WOFF2 yazı tipi dosyaları için mime türünü bildirebilirsiniz:

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

Güncelleme : Mime tipi en son W3C Editörün Taslak WOFF2 spesifikasyonuna göre değişiyor olabilir . Bkz. Ek A: İnternet Medya Türü Kaydı bölümü 6.5. En son önerilen formatı belirten WOFF 2.0font/woff2


6
Şimdi IIS 10'daki MIME türleri .woff2'yi destekliyordu. IIS 10 ile web.config dosyasında herhangi bir değişiklik yapmanız gerekmez.
Kevin

7
<remove>Etiket burada hangi amaca hizmet ediyor? IIS başvurusunda belgelenmemiş gibi görünüyor ( iis.net/configreference )
Pathogen

18
@ Patogen Bazen mimeMap zaten varsa IIS bir hata atar. Eklemeden önce kaldırmak bu hatayı düzeltir.
Allan

214

font/woff2

İçin nginx için aşağıdakileri ekleyin mime.typesdosyası:

font/woff2 woff2;


Eski Cevap

Woff2 yazı tipleri için (bazen mime olarak yazılır) mim tipi olmuştur önerdi olarak application/font-woff2.

Ayrıca, spesifikasyona ( http://dev.w3.org/webfonts/WOFF2/spec/ ) başvurursanız font/woff2bunun tartışıldığını göreceksiniz . Bütün yazı tipleri için filal mim tipi sonunda daha mantıklı olacağını sanıyorum font/*( font/ttf, font/woff2vb) ...

NB WOFF2 hala 'Çalışma Taslağı' statüsünde - henüz resmi olarak kabul edilmedi.


38
Bu güncellendi. Spec bunu çok açık hale getiriyor. Tür fonttur ve alt tür woff2'dir, bu da font / woff2'dir. Google Fonts'un kendisi de bunu kullanıyor.
Raivo Laanemets

Spesifikasyonda kesin bir şey göremiyorum. font/*Üst düzey bir tür tanıtmak istemekten bahsetmelerine rağmen . Bence tam bilginin çıkarları için, cevabımı ekleyeceğim
atwright147

@ atwright147 mim tipleri ek A'da kapsanır, Woff2 için bu Ek A'nın 6.5. kısmıdır
Richard

3
2016 Mart Güncelleme: o olduğunu şimdi aday öneri ve yazı tipi / woff2 mimetype olan w3.org/TR/WOFF2/#IMT
Chris F Carroll

36

Apaçi

Apache'de, woff2mime türünü bu bağlantıda.htaccess belirtildiği gibi dosyanız aracılığıyla ekleyebilirsiniz .

AddType  application/font-woff2  .woff2

IIS

IIS'de, mimeMapetiketin web.configiçindeki dosyanıza aşağıdaki etiketi eklemeniz yeterlidir staticContent.

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

ne dersinapplication/x-font-woff2
Nerdroid

1
Hey @Moes :) Acutally, application/x-font-woff2woff2 çok yeni olduğunda eski tiptir. W3C Spec şimdi kullanılmasını önerir application/font-woff2yönündeki yaygın desteklenmektedir beri. Geriye dönük uyumluluğun peşindeyseniz, dahil etmekten çekinmeyin x-font-woff2.
Fizzix

IIS'de, sunucuda başka bir yerde tanımlanmış olmaları durumunda önceden tanımlanmış uzantı girişlerini kaldırmaya dikkat edin. Eğer karşılaşırsanız bu size çok kafa karıştırıcı hatalar verecektir ! <remove fileExtension=".woff2" />ve sonra yukarıdaki gibi tanımlayın :)
jocull

Önerilen ve büyük olasılıkla kabul edilebileceğini unutmayın font / woff2
Syakur Rahman

1
Woff File Format 2.0 için W3C Tavsiyesi şimdi kullanmanızı tavsiye font/woff2MIME türü ancak resmi medya türleri IANA listesinde woff2 içermez değil (henüz).
Anthony Geoghegan

17

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

Görünüşe göre w3c onu font/woff2

Uygun mim türü hakkında bazı tartışmalar görüyorum. Linkte okuduğumuz:

Bu belge, üst düzey bir MIME türü "yazı tipi" tanımlar ...

... "application / font-woff" gibi resmi olarak tanımlanmış IANA alt türleri ...

W3C WebFonts WG üyeleri "uygulama" üst düzey tip kullanımının ideal olmadığına inanmaktadır.

ve sonra

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

Yani W3C'den gelen teklif IANA'dan farklıdır.

Ayrıca, woff türünden de farklı olduğunu görebiliriz: http://dev.w3.org/webfonts/WOFF/spec/#IMT burada okuyoruz:

Type name:

    application
Subtype name:

    font-woff

hangisi

application/font-woff

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


1
Bu sayfada, değişiklik yapabilmeniz için değiştirildiğini font/woff2öneren bir şey görmüyorum lütfen?
atwright147

Belki de anlamıyorum. Yani Ek A, '6.5. WOFF 2.0 '
fantezik

1
Bunun önemsenmediğini hayal edemiyorum. Spec bunu çok açık hale getiriyor. Tür fonttur ve alt tür woff2'dir, bu da font / woff2'dir. Google Fonts'un kendisi de bunu kullanıyor.
Raivo Laanemets

2
Başlangıçta bunu iptal ettim ama bundan bir blog yazısı alabileceğimi düşündüm. Olduğu gibi, bu yazı WOFF2 spesifikasyonu ile aynıdır, ancak bu hala bir Çalışma Taslağıdır ve henüz Tavsiye Durumuna taşınmamıştır . Bu, woff2'nin font/woff2onaylanıncaya kadar geçersiz olduğu için teknik olarak bir mim olmadığı anlamına gelir, ancak teknik özellik belgesi, application/font-woff2bizi resmi olanla bırakmamayı onayladı . Bu yüzden bu noktada kullanacağımı düşünüyorum application/font-woff2.
rtpHarry

2
@rtpHarry Daha önce hem bu yanıtı hem de yorumunuzu iptal ettim. Şubat 2017'den itibaren W3C , resmi medya türünü yapan Standards Track RFC 8081'i yayınladı font/woff2. Bkz. Stackoverflow.com/a/43321601/1640661
Anthony Geoghegan
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.