1

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

任何想法为什么？

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

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

谢谢！

4

1 回答 1

0

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

    <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），你搜索 FOUT 有关于这是好还是坏的讨论，以及可以延迟浏览器显示文本的 JavaScript/JQuery 插件，直到字体已正确加载。

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

http://mydomain.com/fontfile.xxx
描述 myfont0，另一个使用
https://mydomain.com/fontfile.xxx
描述 myfont1 然后在 CSS 中使用 body{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}
于 2012-09-05T22:35:44.093 回答