我有一个非常烦人的问题。我们的一位客户要求我们在他们的网站上使用我使用 font-face 嵌入的非标准字体。字体文件位于我们的服务器上,当不使用 https 时,这在所有网络浏览器中都可以正常工作。我一直在为大多数浏览器使用 opentype 字体,为 IE 使用 .woff 文件。问题来了,当我们添加 https 后,这些字体将不再加载到 IE 所有版本中!它在所有其他网络浏览器中仍然可以正常工作,只是在 IE 中不行!
这些页面是使用 IIS 提供的,因此与 Apache 服务器相关的所有答案都无关紧要。客户已经付费才能使用字体文件,但这并不妨碍它们被禁止上传到 Font Squirrel,因此将它们编码为 64 格式也不是一个可行的解决方案。
我注意到它只是在加载字体时出现问题。如果我关闭 https 会加载字体,并且如果我重新打开 https 而没有对浏览器进行硬刷新,页面仍会以正确的字体显示,但如果我进行硬刷新,字体就会消失!
任何人都知道如何解决这个问题?
我还将在此处添加实际的 css 代码:
@font-face{
font-family: 'FranklinGothic';
src: local("Franklin Gothic Std Extra Condensed"), url( /font/FranklinGothicStd-ExtraCond.otf ) format("opentype");
}
@font-face{
font-family: 'FranklinGothicIE';
src: url(/font/franklingothicstd-extracond.woff) format('woff'); /* IE */
}
@font-face{
font-family: 'FranklinGoth';
src: local("Franklin Gothic Std Extra Condensed"), url( /font/ITCFranklinGothicStd-DmCd.otf ) format("opentype");
}
@font-face{
font-family: 'FranklinGothIE';
src: url(/font/66864014-ITCFranklinGothic-Std-DmCd.woff) format('woff'); /* IE */
}