css – @ font-face EOT无法通过HTTPS加载

前端之家收集整理的这篇文章主要介绍了css – @ font-face EOT无法通过HTTPS加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
概要

我遇到一个问题使用@ font-face通过HTTPS在IE 7,8,9 – 它只是没有加载。包含HTML页面是否托管在HTTPS上无关紧要,当我尝试加载EOT字体通过HTTP它工作,HTTPS它不是。有没有人看到这种行为?

托管字体的服务器发送正确的content-type =“application / vnd.ms-fontobject”

我试过多种字体,所以它不是特定于字体。

字体在Font Squirrel生成

CSS语法

@font-face {
font-family: 'GothamCondensedBold';
src:url('path/to/fontgothmbcd-webfont.eot');
src:url('path/to/fontgothmbcd-webfont.eot?#iefix') format('embedded-opentype'),url('path/to/fontgothmbcd-webfont.woff') format('woff'),url('path/to/fontgothmbcd-webfont.ttf') format('truetype'),url('path/to/fontgothmbcd-webfont.svg#GothamCondensedBold') format('svg');
font-weight: normal;
font-style: normal;
}

样品页

http://gregnettles.net/dev/font-face-test.html

解决方法

我知道这是一个老线程,但我只是不得不权衡。我们有EOT和WOFF字体在所有版本的Internet Explorer(7-11)没有通过HTTPS加载相同的问题。经过几个小时的试验和错误,并将我们的标题与其他工作网站,我们发现是不同的标题,是搞砸了。取消设置那些文件类型的标题立即修复我们的问题。
<FilesMatch "\.(woff)$">
    Header unset Vary
</FilesMatch>

<FilesMatch "\.(eot)$">
    Header unset Vary
</FilesMatch>
原文链接:https://www.f2er.com/css/222076.html

猜你在找的CSS相关文章