Tag: woff

更正字体MIMEtypes的Apache AddType指令: 我正在使用@ font-faceembedded字体（感谢Paul Irish ）。在试图解决Chrome对woff字体的错误MIMEtypes的警告时，我发现了大量相互矛盾的build议。每个人似乎都认为，应该使用字体（对于IE 6-8？） AddType application/vnd.ms-fontobject .eot .ttf字体（较老的非IE浏览器？）我见过 AddType application/x-font-ttf .ttf AddType application/octet-stream .ttf AddType font/truetype .ttf AddType font/ttf .ttf 而.woff字体（新标准？）我见过 AddType application/font-wof .woff AddType application/x-font-woff .woff AddType application/x-woff .woff 我知道woff的正确的MIMEtypes是application / font-woff，但是直到官方标准， application / x-font-woff才能被Chrome所理解。我意识到我问了一大堆问题，但问题是：是否有任何权威性的指导或关于什么MIMEtypes应该用于字体的进一步的build议？更新（以防其他任何人的帮助）：因为似乎没有什么权威的，我已经决定在我的.htaccess中使用下面的字体MIMEtypes（至less让Chrome开心）： AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-woff .woff

如何为我的网站使用.woff字体？: 你在哪里放置字体，以便CSS可以访问它们？我在.woff文件中使用浏览器的非标准字体。假设它的'真棒字体'存储在'awesome-font.woff'文件中。

适用于.woff2字体的正确的MIMEtypes: 今天我更新了Font Awesome包到4.3.0，注意到woff2字体被添加了。该文件链接在CSS中，所以我需要configurationnginx正确的服务woff2文件。目前我在nginxconfiguration字体中有这个块： location ~* \.(otf|eot|woff|ttf)$ { types {font/opentype otf;} types {application/vnd.ms-fontobject eot;} types {font/truetype ttf;} types {application/font-woff woff;} } woff2字体的适当MIMEtypes是什么？

为什么@ font-face在woff文件上抛出404错误？: 我在公司的网站上使用了@font-face ，它看起来很棒。除了Firefox和Chrome会在.woff文件上引发404错误。 IE不会抛出错误。我有位于根目录的字体，但我已经试过在CSS文件夹中的字体，甚至给整个url的字体。如果从我的CSS文件中删除这些字体，我不会得到一个404，所以我知道这不是一个语法错误。另外，我使用了fontsquirrels工具来创build@font-face字体和代码： @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; }

MIMEtypes的WOFF字体？: 什么MIMEtypes应该作为WOFF字体？我正在提供truetype（ttf）字体作为font/truetype和opentype（otf）作为font/opentype opentype，但我无法find正确的格式为WOFF字体。我曾尝试过font/woff ， font/webopen和font/webopentype ，但Chrome仍然抱怨： “资源解释为字体，但用MIMEtypes应用程序/八位字节stream传输”。有人知道吗？

eot，ttf和svg在font-face声明中还是必须的吗？: 直到现在，我已经使用了保罗·爱尔兰的防弹字体面联合但是我只是在支持caniuse上的.woff和.woff2文件，而且在IE9 +中支持woff。大部分关于这个话题的文章都是从2009年左右开始的，在写这篇文章的时候已经是七年前了。当woff现在得到如此广泛的支持时，我们是否真的需要不断地声明ttf，otf，eot和svg？