Ben kullanıyorum @font-faceşirketimin sitesinde ve büyük / görünüyor çalışır. Firefox ve Chrome dışında .woffdosyaya 404 hatası atacak . IE hatayı atmaz. Ben kökleri bulunan yazı tipleri var ama css klasöründeki yazı tipleri ile denedim ve hatta yazı tipi için tüm url veren. Bu yazı tiplerini css dosyamdan kaldırırsam bir 404 almıyorum, bu yüzden sözdizimi hatası olmadığını biliyorum.

Ayrıca, @font-faceyazı tipleri ve kod oluşturmak için fontsquirrels aracını kullandım :

@font-face {
  font-family: 'LaurenCBrownRegular';
  src: url('/laurencb-webfont.eot');
  src: local('☺'), 
    url('/laurencb-webfont.woff') format('woff'), 
    url('/laurencb-webfont.ttf') format('truetype'), 
    url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontinSansRegular';
  src: url('/fontin_sans_r_45b-webfont.eot');
  src: local('☺'), 
    url('/fontin_sans_r_45b-webfont.woff') format('woff'), 
    url('/fontin_sans_r_45b-webfont.ttf') format('truetype'), 
    url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
  font-weight: normal;
  font-style: normal;
}

Aynı belirtiyi - 404'ü Chrome'daki woff dosyalarında - deneyimliyordum ve IIS 6 yüklü bir Windows Server'da bir uygulama çalıştırıyordum.

Aynı durumdaysanız, aşağıdakileri yaparak düzeltebilirsiniz:

Çözüm 1

"IIS Yöneticisi (web sitesi özelliklerinin HTTP Üstbilgileri sekmesi) aracılığıyla aşağıdaki MIME türü bildirimlerini eklemeniz yeterlidir: .woff application / x-woff "

Güncelleme: Woff fontları ve Grsmto için MIME Tiplerine göre asıl MIME tipi application / x-font-woff'dur (en azından Chrome için). x-woff, Chrome 404'leri ve x-font-woff, Chrome uyarılarını düzeltir.

2017 itibariyle : woff yazı şimdi bir parçası olarak standardize edilmiş RFC8081 şartname mim tipine font/woffve font/woff2.

Seb Duggan'a teşekkürler: http://sebduggan.com/posts/serving-web-fonts-from-iis

Çözüm 2

MIME türlerini web yapılandırmasına da ekleyebilirsiniz :

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" /> <!-- In case IIS already has this mime type -->
      <mimeMap fileExtension=".woff" mimeType="font/woff" />
    </staticContent>    
  </system.webServer>

Bu yazının yanıtı çok yardımcı oldu ve büyük bir zaman tasarrufu. Bununla birlikte, kullanırken FontAwesome 4.50, woff2aşağıda gösterildiği gibi uzantı türü için ek bir yapılandırma eklemek zorunda kaldım, diğer tür istekleri woff2Chrome'un Geliştirici Araçları'nda Konsol> Hatalar altında bir 404 hatası veriyor.

S.Serp'in açıklamasına göre, aşağıdaki yapılandırma <system.webServer>etiketin içine konulmalıdır .

<staticContent>
  <remove fileExtension=".woff" />
  <!-- In case IIS already has this mime type -->
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  <remove fileExtension=".woff2" />
  <!-- In case IIS already has this mime type -->
  <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
</staticContent>

Aslında @Ian Robinson cevabı iyi çalışıyor ancak Chrome şu mesajla şikayet etmeye devam edecek: " Kaynak Yazı Tipi olarak yorumlandı ancak MIME türü uygulama / x-woff ile aktarıldı "

Bunu alırsanız,

uygulama / x-woff

için

uygulama / x -font -woff

ve artık Chrome konsol hatalarınız olmayacak!

(Chrome 17'de test edildi)

IIS7 için çözüm

Ben de aynı sorunla karşılaştım. Tüm web siteleri için geçerli olduğundan, bu yapılandırmayı sunucu düzeyinde yapmak daha iyi olacağını düşünüyorum.

1. IIS kök düğümüne gidin ve "MIME Türleri" yapılandırma seçeneğini çift tıklatın

2. Sağ üstteki İşlemler panelinde "Ekle" bağlantısını tıklayın.

3. Bu bir diyalog getirecektir. .Woff dosya uzantısı ekleyin ve karşılık gelen MIME türü olarak "application / x-font-woff" seçeneğini belirtin.

.Woff dosya adı uzantısı için MIME Türü ekleyin

IIS 7'de sorunu çözmek için yaptığım şey

Ian'ın cevabına ek olarak, istek filtreleme modülündeki yazı tipi uzantılarının çalışmasını sağlamak zorunda kaldım.

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" />
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
  </staticContent>
  <security>
      <requestFiltering>
          <fileExtensions>
              <add fileExtension=".woff" allowed="true" />
              <add fileExtension=".ttf" allowed="true" />
              <add fileExtension=".woff2" allowed="true" />
          </fileExtensions>
      </requestFiltering>
  </security>    
</system.webServer>

IIS Sunucu Yöneticisi'ni çalıştırın (run command: inetmgr) Mime Tiplerini açın ve aşağıdakileri ekleyin

Dosya adı uzantısı: .woff

MIME türü : uygulama / sekizli akış

İzinler, MIME türleri, vb etrafında bir sürü şey denedim, ancak benim için web.config IIS'de Statik dosya işleyicisi kaldırmış ve daha sonra açıkça statik dosyaları olan dizinler için eklenmiş olduğu ortaya çıktı. Dizini için bir konum düğümü ekler ve işleyiciyi geri ekler eklemez, istekler 404'leri almayı durdurdu.

IIS7 altında CodeIgniter kullanıyorsanız:

Web.config dosyasında eklemek woff için desen

<rule name="Rewrite CI Index">
  <match url=".*" />
    <conditions>
      <add input="{REQUEST_FILENAME}" pattern="css|js|jpg|jpeg|png|gif|ico|htm|html|woff" negate="true" />
    </conditions>
    <action type="Rewrite" url="index.php/{R:0}" />
 </rule>

Umarım yardımcı olur !

Bu açık olabilir, ancak beni 404'lerle birkaç kez kapattı ... Yazı tipi klasörü izinlerinin doğru ayarlandığından emin olun.

Ayrıca URL yazıcınızı kontrol edin. "Tuhaf" bir şey bulunursa 404 fırlatabilir.

Web sunucusu yapılandırmanıza erişiminiz yoksa, font dosyasını svg ile bitecek şekilde yeniden adlandırın (ancak biçimi koruyun). Chrome ve Firefox'ta benim için iyi çalışıyor.

MIME türleri ekledikten sonra hala çalışmıyorsa, lütfen sitedeki Kimlik Doğrulama bölümünde "Anonim Kimlik Doğrulama" nın etkin olup olmadığını kontrol edin ve verilen ekran görüntüsüne göre "Uygulama havuzu kimliği" ni seçtiğinizden emin olun.

IIS Mime Türü: .woff yazı tipi / x-woff (uygulama / x-woff veya uygulama / x-yazı tipi-woff değil)

Çözüldü:

Mo'Bulletproofer yöntemini kullanmak zorunda kaldım