[CSS] Problème d'importation de polices de caractère

Bonjour,

Dans le cadre d'un projet je réalise avec l'équipe un site web et je me suis retrouvé confronté à un problème. Les polices que j'ai importé avec @font-face ne sont pas rendues sur ma page html. Voici un exemple d'une div qui devrait être affectée par la font Intro (j'ai mis Jokerman par défaut pour voir si ça fonctionnait ou pas) :


http://image.noelshack.com/fichiers/2015/07/1423750158-ccm1.png

Voici le css concerné :

@font-face {
 font-family: "Roboto";
 src: url('../fonts/roboto/Roboto-Light.ttf');

 font-family: "Intro";
 src: url('../fonts/intro/Intro.otf');

 font-family: "Liquid Crystal";
 src: url('../fonts/liquid_crystal/LiquidCrystal-Normal.otf');
}

#sq0 {
 height: 248px;
 width: 504px;
 overflow: hidden;

 background-color: #E83333;
 font-family: "Intro", "Jokerman"; 

 float: left;
 clear: none;
 margin: 0px 0px 4px 0px;
}
#sq0Text {
 margin-top: 106px;
 margin-bottom: 106px;
 text-align: center;
 font-family: "Intro", "Jokerman";
 font-size: 33px;
 color: #161616;
}

Voilà le html de la div du screen précédent :

<a href="_nopagefound.html"> <!-- FORUM & TCHAT -->
     <div id="sq0">
           <p id="sq0Text">FORUM & TCHAT</p>
     </div>
</a>

Mon arborescence s'organise comme ceci :
SITE
----HTML
--------accueil.html
----CSS
--------style.css
----FONTS
--------INTRO
------------intro.otf


J'ai déjà tenté de rafraîchir en vidant le cache, j'ai essayé d'appliquer d'autre polices importées, mais cela ne fonctionne pas Jokerman revient toujours. Des idées ? :/

(D'ailleurs je connais les risques d'utiliser le format ttf, c'est juste que je n'ai pas trouvé Roboto en otf)