MIME-Typ für WOFF-Schriftarten?

Als welcher MIME-Typ sollten WOFF-Schriftarten bereitgestellt werden?

Ich verwende TrueType-Schriftarten (ttf) als font/truetypeund Opentype- Schriftarten (otf) als font/opentype, aber ich kann das richtige Format für WOFF-Schriftarten nicht finden.

Ich habe es versucht font/woff, font/webopenund font/webopentype, aber Chrome beschwert sich immer noch:

"Ressource als Schriftart interpretiert, aber mit Anwendung / Oktett-Stream vom Typ MIME übertragen."

Weiß jemand Bescheid?

Update von Keith Shaws Kommentar am 22. Juni 2017:

Ab Februar 2017 ist RFC8081 der vorgeschlagene Standard. Es definiert einen Medientyp der obersten Ebene für Schriftarten, daher lautet der Standardmedientyp für WOFF und WOFF2 wie folgt:

font/woff

font/woff2

Im Januar 2011 wurde bekannt gegeben, dass Chromium in der Zwischenzeit erkennen wird

application/x-font-woff

als Pantomime für WOFF. Ich weiß, dass diese Änderung jetzt in Chrome Beta ist und wenn sie noch nicht stabil ist, sollte sie nicht zu weit entfernt sein.

Für mich hat der nächste in einer .htaccess-Datei gearbeitet.

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

Es wird sein application/font-woff.

siehe http://www.w3.org/TR/WOFF/#appendix-b (W3C-Kandidatenempfehlung 04. August 2011)

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

Aus Mozilla CSS Font-Face-Notizen

In Gecko unterliegen Web-Schriftarten derselben Domänenbeschränkung (Schriftdateien müssen sich in derselben Domäne befinden wie die Seite, auf der sie verwendet werden), es sei denn, HTTP-Zugriffskontrollen werden verwendet, um diese Einschränkung zu lockern. Hinweis: Da für TrueType-, OpenType- und WOFF-Schriftarten keine MIME-Typen definiert sind, wird der MIME-Typ der angegebenen Datei nicht berücksichtigt.

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

Referenz zum Hinzufügen von Schriftart-MIME-Typen zu .NET / IIS

über web.config

<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>

über IIS Manager

NGINX-LÖSUNG

Datei

/etc/nginx/mime.types

oder

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

hinzufügen

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

entfernen

application/octet-stream        eot;

VERWEISE

RFC @ 02.2017

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

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

Vielen Dank an Mike Fulcher

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

Ab Februar 2017 ist RFC8081 der vorgeschlagene Standard. Es definiert einen Medientyp der obersten Ebene für Schriftarten, daher lautet der Standardmedientyp für WOFF und WOFF2 wie folgt:

font/woff
font/woff2

Hinweis: Diese Antwort war zu diesem Zeitpunkt korrekt, wurde jedoch 2017 veraltet, als RFC 8081 veröffentlicht wurde

Es gibt keinen fontMIME-Typ! Somit font/xxxist IMMER falsch.

Das, was ich getan habe, war, dies meinem Initialisierer mime_types.rb hinzuzufügen:

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

und löschen Sie den Cache

rake tmp:cache:clear

vor dem Neustart des Servers.

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

Fügen Sie Ihrem .htaccess Folgendes hinzu

AddType font/woff woff

Viel Glück

@Nico ,

Derzeit gibt es keinen definierten Standard für den Mimetyp woff font. Ich verwende einen CDN-Dienst für die Schriftzustellung, der Schriftart / Woff verwendet, und ich erhalte die gleiche Warnung in Chrome.

Referenz: Die Internet Assigned Numbers Authority

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

Dies ist eine hilfreiche Liste von Mimetypen

Ich weiß, dass dieser Beitrag etwas alt ist, aber nachdem ich viele Stunden damit verbracht hatte, die Schriftarten auf meinem lokalen Nginx-Computer zum Laufen zu bringen und eine Menge Lösungen auszuprobieren, bekam ich endlich die, die für mich wie ein Zauber funktionierte.

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

In die Klammer können Sie die Erweiterungen Ihrer Schriftarten oder allgemein die Dateien einfügen, die Sie laden möchten. Zum Beispiel habe ich es auch für Schriftarten und Bilder (PNG, JPG usw. usw.) verwendet. Seien Sie also nicht verwirrt, dass diese Lösung nur für Schriftarten gilt.

Legen Sie es einfach in Ihre Nginx-Konfigurationsdatei, starten Sie es neu und ich hoffe, es funktioniert auch für Sie!

Vielleicht hilft das jemandem. Ich habe gesehen, dass auf IIS 7 .ttfbereits ein MIME-Typ bekannt ist. Es ist konfiguriert als:

application/octet-stream

Also habe ich nur noch, dass für alle die CSS Schrifttypen ( .oet, .svg, .ttf, .woff) und IIS begann , sie dienen. Chrome-Entwicklungstools beschweren sich auch nicht über eine Neuinterpretation des Typs.

Prost, Michael

Für alle Solution index.php entfernen Sie Formular-URL und Woff-Datei erlaubt. Schreiben Sie den folgenden Code in die .htaccess-Datei und wechseln Sie zu Ihrer application / config / config.php-Datei: $ config ['index_page'] = '';

Nur für Linux-Hosting-Server. Details zur .htaccess-Datei

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 hat .ttf automatisch als Anwendung / Oktett-Stream definiert, was anscheinend einwandfrei funktioniert, und Fontshop empfiehlt, .woff als Anwendung / Oktett-Stream zu definieren

WOFF:

1. Web Open-Schriftformat
2. Es kann entweder mit TrueType- oder PostScript-Konturen (CFF) kompiliert werden
3. Es wird derzeit von FireFox 3.6+ unterstützt

Versuchen Sie das hinzuzufügen:

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

Ich hatte das gleiche Problem, Schriftart / Opentyp funktionierte für mich

Der MIME-Typ ist möglicherweise nicht Ihr einziges Problem. Wenn die Schriftartdatei in S3 oder einer anderen Domäne gehostet wird, besteht möglicherweise zusätzlich das Problem, dass Firefox keine Schriftarten aus verschiedenen Domänen lädt. Mit Apache ist dies eine einfache Lösung, aber in Nginx habe ich gelesen, dass Sie Ihre Schriftdateien möglicherweise in Base-64 codieren und direkt in Ihre CSS-Datei für Schriftarten einbetten müssen.