SORU
25 EKİM 2010, PAZARTESİ


Neden @font-face woff dosyaları 404 hatası veriyor?

@Font-face şirketimin sitesinde ve harika görünüyor/çalışıyor kullanıyorum. Dışında Firefox ve Chrome üzerinde 404 hata atmak olacaktır .dosya woff. YANİ hata atmak değil. Bu yazı kök dizininde var ama css klasöründeki yazı tiplerini ve yazı tipi için tüm url vererek denedim. Css dosya tiplerini kaldırmak eğer bir sözdizimi hatası olmadığını biliyorum bu yüzden bir 404 anlamıyorum.

Ayrıca, fontsquirrels aracı font-face yazı tipleri ve kodu @oluşturmak için 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;
}

CEVAP
10 EYLÜL 2011, CUMARTESİ


Bu aynı belirti - 404 Krom woff dosyaları üzerinde yaşıyor ve IIS 6 ile Windows Server üzerinde çalışan bir uygulama.

Eğer aynı durumda iseniz aşağıdaki işlemleri yaparak çözebilirsiniz:

"Sadece IIS Manager üzerinden aşağıdaki MIME tipi bildirimleri web sitesi özellikleri sekme Başlıkları HTTP () ekleyin:.x-woff woff uygulama/"

Güncelleme:MIME Types for woff fonts Grsmto göre gerçek MIME türüx-font-woff . uygulama/ (Chrome için en azından). x-woff x-font-woff 404'ler, Krom Krom uyarıları çözecektir çözecektir.

IIS 6 MIME Types

Duggan Seb sayesinde: http://sebduggan.com/posts/serving-web-fonts-from-iis

Ayrıca MIME türleri ekleyebilirsinizweb config:

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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • hidetake takayama

    hidetake tak

    3 Mart 2009
  • Soulkiller13 ツ

    Soulkiller13

    30 Mayıs 2013
  • Tina Chen

    Tina Chen

    26 Mayıs 2012