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 taken from here 下使用 Win Vista 的 ie7 对其进行测试（如果有问题的话）。

我做错了什么？

您可以看到here的现场示例（登录名/密码：demo/demo）

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”的字形。