字体可以在IE中使用，但不能在Firefox或Chrome中使用

我在制作的网站中显示的字体有问题。我正在使用字体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字体。

注意：我对某些元素使用了引导程序。

谢谢，

格芬·阿夫拉罕（Geffen Avraham）。