WOFF yazı tipleri için mime türü?

WOFF fontları hangi mim türü olarak sunulmalıdır?

Truetype (ttf) yazı tiplerini font/truetypeve opentype (otf) olarak sunuyorum font/opentype, ancak WOFF yazı tipleri için doğru biçimi bulamıyorum.

Denedim font/woff, font/webopenve font/webopentypeChrome hala şikayet ediyor:

"Kaynak, yazı tipi olarak yorumlandı ancak MIME türü application / octet-stream ile aktarıldı."

Kimse biliyor mu?

Keith Shaw'un 22 Haziran 2017'deki yorumundan güncelleme :

Şubat 2017 itibariyle, RFC8081 önerilen standarttır. Yazı tipleri için bir üst düzey ortam türü tanımlar, bu nedenle WOFF ve WOFF2 için standart ortam türü aşağıdaki gibidir:

font/woff

font/woff2

Ocak 2011'de duyuruldu arada Krom tanıyacağı

application/x-font-woff

WOFF için mim türü olarak. Bu değişikliğin artık Chrome beta sürümünde olduğunu ve henüz kararlı değilse, çok uzakta olmaması gerektiğini biliyorum.

Benim için bir sonraki .htaccess dosyasında çalışmaya başladı.

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2   

Öyle olacak application/font-woff.

bkz. http://www.w3.org/TR/WOFF/#appendix-b (W3C Aday Öneri 04 Ağustos 2011)

ve http://www.w3.org/2002/06/registering-mediatype.html

Mozilla css font-face notlarından

HTTP erişim denetimleri bu kısıtlamayı rahatlatmak için kullanılmadığı sürece, Gecko'da web yazı tipleri aynı etki alanı kısıtlamasına tabidir (yazı tipi dosyaları, bunları kullanan sayfa ile aynı etki alanında olmalıdır). Not: TrueType, OpenType ve WOFF yazı tipleri için tanımlanmış bir MIME türü olmadığından, belirtilen dosyanın MIME türü dikkate alınmaz.

kaynak: https://developer.mozilla.org/en/CSS/@font-face#Notes

.NET / IIS'ye font mime türleri ekleme referansı

web.config üzerinden

<system.webServer>
  <staticContent>
     <!-- remove first in case they are defined in IIS already, which would cause a runtime error -->
     <remove fileExtension=".woff" />
     <remove fileExtension=".woff2" />
     <mimeMap fileExtension=".woff" mimeType="font/woff" />
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

IIS Yöneticisi aracılığıyla

NGINX ÇÖZÜMÜ

dosya

/etc/nginx/mime.types

veya

/usr/local/nginx/conf/mime.types

Ekle

font/ttf                      ttf;
font/opentype                 otf;
font/woff                     woff;
font/woff2                    woff2;
application/vnd.ms-fontobject eot;

Kaldırmak

application/octet-stream        eot;

REFERANSLAR

RFC @ 02.2017

https://tools.ietf.org/html/rfc8081#page-15

https://www.iana.org/assignments/media-types/media-types.xhtml

Mike Fulcher'a teşekkürler

http://drawingablank.me/blog/font-mime-types-in-nginx.html

Şubat 2017 itibariyle, RFC8081 önerilen standarttır. Yazı tipleri için bir üst düzey ortam türü tanımlar, bu nedenle WOFF ve WOFF2 için standart ortam türü aşağıdaki gibidir:

font/woff
font/woff2

Not: Bu cevap zamanında doğruydu ancak 2017'de RFC 8081 yayınlandığında modası geçmiş oldu

fontMIME türü yok ! Bu nedenle, font/xxxDAİMA yanlış.

Benim için yaptı şey bunu benim mime_types.rb başlatıcı eklemek oldu:

Rack::Mime::MIME_TYPES['.woff'] = 'font/woff'

ve önbelleği sil

rake tmp:cache:clear

sunucuyu yeniden başlatmadan önce.

Kaynak: https://github.com/sstephenson/sprockets/issues/366#issuecomment-9085509

Aşağıdakileri .htaccess'inize ekleyin

AddType font/woff woff

iyi şanslar

@Nico ,

Şu anda woff font mime tipi için tanımlanmış bir standart yoktur. Bir font teslimi cdn hizmeti kullanıyorum ve font / woff kullanıyor ve aynı uyarıyı kromda alıyorum.

Referans: İnternet Atanmış Numaralar Kurumu

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

Bu mime türlerinin yararlı bir listesidir

Bu yazının eski olduğunu biliyorum ama yazı tiplerimi nginx yerel makinemde çalışmaya ve saatlerce çözüm denemeye çalıştıktan sonra nihayet benim için bir cazibe gibi çalıştım.

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

Parantezin içine fontlarınızın uzantılarını veya genellikle yüklemek istediğiniz dosyaları koyabilirsiniz. Örneğin ben yazı tipleri ve resimler (png, jpg vb.) İçin de kullandım, bu yüzden bu çözüm sadece yazı tipleri için geçerli olduğunu karıştırmayın.

Sadece nginx config dosyanıza koyun, yeniden başlatın ve umarım sizin için de çalışır!

Belki bu birisine yardım eder. IIS 7'de .ttfzaten bilinen bir mime tipi olduğunu gördüm . Şu şekilde yapılandırıldı:

application/octet-stream

Sadece ekledi tüm CSS yazı tipleri için (Yani .oet, .svg, .ttf, .woff) ve IIS hizmet vermeye başlamışlardır. Chrome geliştirici araçları da türün yeniden yorumlanmasından şikayet etmez.

Şerefe Michael

Tüm Solution index.php için form URL'sini kaldırın ve woff dosyasına izin verin. .htaccess dosyasına aşağıdaki kodu yazın ve bu alternatifi application / config / config.php dosyanıza yapın: $ config ['index_page'] = '';

Yalnızca Linux barındırma sunucusu için. .htaccess dosya ayrıntıları

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /

    #Removes access to the system folder by users.
    #Additionally this will allow you to create a System.php controller,
    #previously this would not have been possible.
    #'system' can be replaced if you have renamed your system folder.
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #When your application folder isn't in the system folder
    #This snippet prevents user access to the application folder
    #Submitted by: Fabdrol
    #Rename 'application' to your applications folder name.
    RewriteCond %{REQUEST_URI} ^application.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #Checks to see if the user is attempting to access a valid file,
    #such as an image or css document, if this isn't true it sends the
    #request to index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

<IfModule !mod_rewrite.c>
    # If we don't have mod_rewrite installed, all 404's
    # can be sent to index.php, and everything works as normal.
    # Submitted by: ElliotHaughin

    ErrorDocument 404 /index.php
</IfModule>

IIS otomatik olarak .ttf dosyasını iyi çalışıyor gibi görünen uygulama / octet-stream olarak tanımladı ve fontshop .woff'un application / octet-stream olarak tanımlanmasını önerdi

woff:

1. Web Açık Yazı Tipi Biçimi
2. TrueType veya PostScript (CFF) anahatlarıyla derlenebilir
3. Şu anda FireFox 3.6+ tarafından desteklenmektedir

Eklemeye çalışın:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf

Aynı sorunu yaşadım, yazı tipi / opentype benim için çalıştı

Mime türü tek probleminiz olmayabilir. Yazı tipi dosyası S3 veya başka bir etki alanında barındırılıyorsa, Firefox'un farklı etki alanlarından yazı tipleri yüklememesi sorunuyla da karşılaşabilirsiniz. Apache ile kolay bir düzeltme, ancak Nginx'te, yazı tipi dosyalarınızı base-64'te kodlamanız ve doğrudan yazı tipi css dosyanıza gömmeniz gerekebileceğini okudum.