Question

我注意到在https模式下我的font-face不会加载 - 仅在IE（8或9）上。

任何想法为什么？

这是一个示例页面：https://www.kby.org/test/font.asp

你应该看到3个小图标。如果你看到2PK字母，那么font-face就不起作用......

谢谢！

Answer 1

我有同样的问题https，IE9没有在win7 64bit上显示，我改变了浏览器获取信息的方式。 fontsquirrel建议的方式（在最新语法中自动生成font-face.css文件的真正有用的网站）是放在HTML的head标签之间：到样式表的链接和css上的实际的HTML页面，例如

    <link href="/includes/font-face.css" rel="stylesheet" type="text/css" />
    <style>
     body{font-family:modern_pictogramsnormal}
    </style>

这对我不起作用，所以我尝试了其他方法将信息传递给浏览器。尝试将导入行放在将在此页面上使用的其他CSS文件的顶部，例如：

    @import "/includes/font-face.css";

位于heb.css文件的顶部，并将样式表链接从HTML中取出为“/includes/font-face.css”。这是在页面中使用的另一个css文件上的一个导入行，我把它放在我的主CSS文件中。

这个方法对我有用，但我仍然在IE9中获得FOUT（Flash Of Unstyled Text），你搜索FOUT，讨论是否好坏，以及可以延迟浏览器显示的JavaScript / JQuery插件文本，直到字体正确加载。

如果这不起作用你可以看看这个答案我发现这对我不起作用，它基本上涉及加倍你的font-face.css的大小，而不是相对链接使用整个

http://mydomain.com/fontfile.xxx

描述myfont0，另一个使用

https://mydomain.com/fontfile.xxx

来描述myfont1然后在CSS使用体{myfont0，myfont1}，抱歉我找不到链接 - 我一直在最近清理了我的缓存，如果您不理解，请参阅下文：

    @font-face {
font-family: 'droid_sansregular';
src: url('http://mydomain.com/fonts/droidsans-webfont-webfont.eot');
src: url('http://mydomain.com/fonts/droidsans-webfont-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://mydomain.com/fonts/droidsans-webfont-webfont.woff') format('woff'),
     url('http://mydomain.com/fonts/droidsans-webfont-webfont.ttf') format('truetype'),
     url('http://mydomain.com/fonts/droidsans-webfont-webfont.svg#droid_sansregular') format('svg');
font-weight: normal;
font-style: normal;}

     @font-face {
font-family: 'droid_sansregular0';
src: url('https://mydomain.com/fonts/droidsans-webfont-webfont.eot');
. . .}

body{font-family: droid_sansregular, droid_sansregular0}

@ font-face没有在IE中加载https

1 个答案: