我们遇到一个问题,即我们正常地为IE6-9成功实施了@ font-face,事实上在相关的客户端网站上它都运行良好。
然后我们将皮肤复制到两个用于客户端(测试和生产)的新站点,其中字体替换仍然按预期工作。过夜,这些网站已申请SSL证书。
第二天早上,字体替换似乎不再对我们的烦恼产生很大影响。在整个“发现”和“痛苦”期间,@ font-face在除了IE之外的所有事情上都有效。
经过一段时间的思考后,整个事情被打破,我们意识到问题只发生在第一次加载的页面上。如果你点击网站菜单并转到另一个字体替换元素@ font-face按预期工作(IE6及以上)。
所以问题就在于,为什么@ font-face在第一页加载时不起作用,但是当你浏览所述网站的页面后它可以正常工作?
它可能与IE和SSL有什么关系吗?由于在后台进行额外的安全检查,可能会因首次加载而导致IE的渲染被删除,这会在用户浏览到网站内的其他页面时消除
@font-face {
font-family: 'BrisaAlternatesRegular';
src: url('/morph2/css/brisaalt-webfont.eot');
src: url('/morph2/css/brisaalt-webfont.eot?#iefix') format('embedded-opentype'),
url('/morph2/css/brisaalt-webfont.woff') format('woff'),
url('/morph2/css/brisaalt-webfont.ttf') format('truetype'),
url('/morph2/css/brisaalt-webfont.svg#BrisaAlternatesRegular') format('svg');
font-weight: normal;
font-style: normal;
}