字体适用于IE，但不适用于Firefox或Chrome

Question

我遇到了在我正在制作的网站中显示字体的问题。我正在使用字体ErasITC Light。相关的HTML是：

<div class="heading">
<div class="container-fluid">
    <h1>make your voice heard</h1>
    <h2>it's time to let the people speak out</h2>
</div>

相关的CSS是：

.heading h1{
font-family: ErasITC, Eras Light ITC, sans-serif;
color: #ffffff;
font-size: 6.25vw;
font-weight: 300;
text-shadow: 2px 2px 15px black;
text-align:center;
margin-top: 21vh;

}

.heading h2{
    font-family: ErasITC, Eras Light ITC, sans-serif;
    color: #ffffff;
    font-size: 2.7vw;
    font-weight: 300;
    text-shadow: 2px 2px 10px black;
    text-align:center;
}

这适用于IE，但不适用于Chrome或Firefox，它会显示默认的Sans-Serif字体。

注意：我正在为某些元素使用bootstrap。

谢谢，

Geffen Avraham。

Answer 1

当您使用空格作为字体名称时，您必须将它们放在引号中，如下所示：

    $('input:last').keydown(function (e) {
        if (e.which === 9){
            $("input:first").focus();
            e.preventDefault();
        }
    });