@font-face-Schriften in bootstrap css nicht angezeigt werden in firefox

Ich bin in der Lage, Schriften in chrome aber nicht in firefox. Ich Frage mich, ob dies ist ein Problem, denn ich bin mit dem bootstrap-framework. Hier ist mein code:

@font-face
{
    font-family:"bodyFont";
    src: url("http://caseymmiller.com/galapagos/fonts/museosans_300.otf");
}

body 
{
    margin: 0;
    font-family: "bodyFont";
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff;
}

Auch, nach dem hochladen auf meinen server, nur eine schriftart ist jetzt erschienen in chrome... und local sourcing hat nicht funktioniert so habe ich es entfernt. Ich bin ziemlich verwirrt. http://caseymmiller.com/galapagos/bootstrapInvasive/Invasive.html

Dies ist, was ich in der css. Ich habe versucht, was Sie vor aufgeführt, aber bei der Beschaffung beiden urls für jede schriftart, keiner von Ihnen erscheinen würde. Das ist, warum einige sind auskommentiert jetzt. Dies sind die Quellen, die ich verwenden möchte von nun an.

@font-face
{
font-family:"headerFont";
src: url("http://livinggalapagos.org/static/Fonts/qhyts__.ttf");
/*src: url("http://livinggalapagos.org/static/Fonts/qhyts__.woff");*/

}

@font-face{
font-family:"subHeadFont";
src: url("http://livinggalapagos.org/static/Fonts/museosans_500.ttf");
src: url("http://livinggalapagos.org/static/Fonts/museosans_500.woff");

}

@font-face{
font-family:"bodyFont";
src: url("http://livinggalapagos.org/static/Fonts/museosans_300.ttf");
/*src: url("http://livinggalapagos.org/static/Fonts/museosans_300.woff");*/

}