Questions tagged «woff»

WOFF字体应作为哪种mime类型使用？ 我提供truetype（ttf）字体font/truetype和opentype（otf ）字体font/opentype，但是我找不到WOFF字体的正确格式。 我已经尝试了font/woff，font/webopen和font/webopentype，但是Chrome仍然抱怨： “资源被解释为字体，但以MIME类型application / octet-stream传输。” 有人知道吗

556 embedded-fonts  woff 

我在@font-face公司网站上使用，效果很好/看起来不错。除Firefox和Chrome以外，该.woff文件均会引发404错误。IE不会引发错误。我的字体位于根目录，但是我尝试使用css文件夹中的字体，甚至提供字体的整个URL。如果从我的css文件中删除那些字体，我不会得到404，所以我知道这不是语法错误。 另外，我使用了fontsquirrels工具来创建@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; }

422 css  http-status-code-404  font-face  woff 

今天，我将Font Awesome软件包更新为4.3.0，并注意到添加了woff2字体。该文件在CSS中链接，因此我需要配置nginx才能正确提供woff2文件。 目前，我在nginx config中有此字体块： 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字体正确的mime类型是什么？

279 fonts  mime-types  woff  woff2 

您将字体放在哪里，以便CSS可以访问它们？ 我在.woff文件中为浏览器使用了非标准字体。假设它的“ awesome-font”存储在文件“ awesome-font.woff”中。

100 html  css  fonts  woff