我是一名平面设计师,我一直在重新设计我的作品集。在此过程中,我遇到了 IE 9 无法在实时服务器上呈现 @font-face 和 Google 字体的问题。奇怪的是,在 IE 9 中本地查看我自己的网站时,没有问题。
这似乎普遍发生(仅在 IE 9 中,而不在 IETester 的旧版本中),并且不孤立于我自己的网站。例如,此演示在所有浏览器中都可以正常工作,但 IE 9 会恢复为默认字体。
我已经上传了我的网站,因为它现在就在这里。标题依赖于 Font Squirrel 的这个 CSS:
@font-face {
font-family:'LeagueGothicRegular';
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot');
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/LeagueGothic/League_Gothic-webfont.woff') format('woff'),
url('../fonts/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'),
url('../fonts/LeagueGothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight:normal;
font-style:normal;
}
与之前的演示一样,这在除 IE 9 之外的所有浏览器中都能完美运行。这是一个已知问题吗?或者它可能是我自己的计算机上的本地化问题?我已经尝试将 IE 9 重置为默认设置,清除缓存并重新启动。我找不到与这个确切问题有关的任何其他帖子,所以我无法解释它。