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（登录/密码：演示/演示）

Answer 1

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

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

IE7不适用字体

1 个答案: