@font-face 和 Header 设置 Access-Control-Allow-Origin "*"
我使用了以下规则来允许我们的静态域托管字体,但是当启用浏览器缓存时,我遇到了浏览器(firefox、safari)不使用字体的问题。
<Directory "/site/http/web/assets/fonts">
<FilesMatch "\.(eot|otf|woff|ttf)$">
SetEnvIf Origin "^http://(.*)?main-domain.com$" origin_is=$0
Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
</FilesMatch>
</Directory>
我还使用以下规则让浏览器知道可以缓存静态内容:
ExpiresActive On
ExpiresDefault "modification plus 10 years"
如果我在浏览器缓存关闭的情况下浏览网站,则每次都会加载并显示字体。
如果我关闭浏览器缓存并加载页面,则会加载字体(firebug > net)但不会显示!
304 Content Not Modified
标头是否导致浏览器忽略我的努力?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果您希望标头添加用于非 2xx 响应,请使用
If you want your header addition to be used on a non-2xx response, use