html - IE7 不应用字体

Question

我正在尝试添加用于显示货币符号(俄罗斯卢布)的字体。我使用的代码取自 here .我还添加了魔法 zoom: 1;。但它不起作用。

字体定义

@font-face {
    font-family: "Rouble";
    src: url('/catalog/view/font/rouble.eot'); /* IE9 Compat Modes */
    src: url('/catalog/view/font/rouble.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/catalog/view/font/rouble.woff') format('woff'), /* Modern Browsers */
         url('/catalog/view/font/rouble.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/catalog/view/font/rouble.svg#Rouble') format('svg'); /* Legacy iOS */
}

然后使用

.rubl {
    font-family: "Rouble";
    font-style: normal;
    font-weight: normal;
    zoom: 1;
}

我在 WM VirtualBox 下用 Win Vista 的 ie7 测试它 taken from here (如果重要的话)。

我做错了什么？

实例你可以看here (登录名/密码:演示/演示)

Answer 1

在 IE 7 模式下对 IE 11 进行测试，控制台显示代码为 CSS3111 的错误，引用 rouble.eot，附加数据“terminating;幻灯片太少:0”。看起来有点奇怪，但显然 EOT 文件已损坏。同样的问题出现在 EOT 模式下，而 IE 9 和更新版本使用 WOFF 文件。

除此之外，页面使用了字体技巧而不是正确的方法:HTML 标记有 <span class="rubl"> a</span> , 并使用 CSS 设置试图使浏览器将字母“a”误认为是卢布符号。这个诡计奏效了，因为字体声称卢布符号是字母“a”的字形。