WOFF字体的Mime类型？

WOFF字体应作为哪种mime类型使用？

我提供truetype（ttf）字体font/truetype和opentype（otf ）字体font/opentype，但是我找不到WOFF字体的正确格式。

我已经尝试了font/woff，font/webopen和font/webopentype，但是Chrome仍然抱怨：

“资源被解释为字体，但以MIME类型application / octet-stream传输。”

有人知道吗

Keith Shaw在2017年6月22日发表的评论的更新：

截至2017年2月，RFC8081是提议的标准。它定义了字体的顶级媒体类型，因此WOFF和WOFF2的标准媒体类型如下：

font/woff

font/woff2

在2011年1月宣布，Chromium将同时承认

application/x-font-woff

作为WOFF的哑剧类型。我知道此更改已在Chrome beta版中出现，并且如果尚未稳定，应该不会太遥远。

对我来说，接下来的工作是在.htaccess文件中工作。

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

会的application/font-woff。

请参阅http://www.w3.org/TR/WOFF/#appendix-b（W3C候选推荐书，2011年8月4日）

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

从Mozilla CSS字体说明

在Gecko中，除非使用HTTP访问控件来放宽此限制，否则Web字体受相同的域限制（字体文件必须与使用它们的页面位于同一域）。注意：因为没有为TrueType，OpenType和WOFF字体定义MIME类型，所以不考虑指定文件的MIME类型。

来源：https : //developer.mozilla.org/en/CSS/@font-face#Notes

将字体MIME类型添加到.NET / IIS的参考

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

通过IIS管理器

NGINX解决方案

文件

/etc/nginx/mime.types

要么

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

加

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

去掉

application/octet-stream        eot;

参考资料

RFC @ 02.2017

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

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

感谢Mike Fulcher

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

截至2017年2月，RFC8081是提议的标准。它定义了字体的顶级媒体类型，因此WOFF和WOFF2的标准媒体类型如下：

font/woff
font/woff2

注意：此答案当时是正确的，但在RFC 8081于2017 年发布时已过时

没有fontMIME类型！因此，font/xxx总是错误的。

对我来说，要做的就是将其添加到mime_types.rb初始化程序中：

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

并清除缓存

rake tmp:cache:clear

在重新启动服务器之前。

来源：https：//github.com/sstephenson/sprockets/issues/366#issuecomment-9085509

将以下内容添加到您的.htaccess中

AddType font/woff woff

祝好运

@Nico，

当前，woff字体mime类型没有定义的标准。我使用字体交付CDN服务，并且它使用font / woff，并且在chrome中收到相同的警告。

参考：互联网号码分配机构

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

这是一个有用的模仿类型列表

我知道这篇文章有点陈旧，但是花了很多时间试图使字体在我的nginx本地计算机上工作，并尝试了很多解决方案后，我终于找到了一个对我有用的解决方案。

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

在括号内，您可以放置​​字体的扩展名或通常要加载的文件。例如，我也将它用于字体和图像（png，jpg等），因此请不要混淆该解决方案仅适用于字体。

只需将其放入您的nginx配置文件中，重新启动，我希望它也对您有用！

也许这会帮助某人。我看到IIS 7 .ttf上已经是一种已知的mime类型。它配置为：

application/octet-stream

所以，我只是说，对于所有的CSS字体类型（.oet，.svg，.ttf，.woff）和IIS服务开始他们。Chrome开发人员工具也不会抱怨重新解释类型。

干杯，迈克尔

对于所有解决方案index.php，删除允许的形式url和woff文件。在.htaccess文件中编写以下代码，并将其更改为application / config / config.php文件：$ config ['index_page'] ='';

仅适用于Linux托管服务器。 .htaccess文件详细信息

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自动将.ttf定义为application / octet-stream，这似乎很好用，并且fontshop建议将.woff定义为application / octet-stream

WOFF：

1. Web开放字体格式
2. 可以使用TrueType或PostScript（CFF）轮廓进行编译
3. 当前由FireFox 3.6+支持

尝试添加：

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

我遇到了同样的问题，字体/ opentype为我工作

哑剧类型可能不是您唯一的问题。如果字体文件托管在S3或其他域上，则您可能还会遇到Firefox无法从其他域加载字体的问题。使用Apache可以轻松解决此问题，但是在Nginx中，我读到您可能需要在base-64中对字体文件进行编码并将其直接嵌入到字体css文件中。