@ font-face ne fonctionne pas

Question

J'ai le plus de mal à obtenir @ font-face à charger pour ce site. Est-ce que quelqu'un sait ce qu'il se passe?

J'ai essayé d'utiliser le css de l'écureuil de police mais cela n'a pas fonctionné non plus alors j'ai essayé un code plus simple espérant que cela fonctionnerait, mais pas de chance jusqu'à présent.

ANCIENS CSS (n'a pas fonctionné)

@font-face { 
font-family: 'CartoGothicStdBold'; 
src: url('CartoGothicStd-Bold-webfont.eot'); 
src: local('☺'), url('CartoGothicStd-Bold-webfont.woff') format('woff'), url('CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

NEWER CSS (ne fonctionne toujours pas)

@font-face { 
font-family: 'CartoGothicStdBold'; 
src: url(css/fonts/CartoGothicStd-Bold.otf) format("opentype"); 
} 


.b-nb { 
float: left; 
width: 100%; 
font-size: 1.25em; 
color: grey; 
font-family:'CartoGothicStdBold', serif; 
} 

Je teste ici: http://drewlepp.com/testing/laa/LAA%20studio/index.html

Merci !!! !

Answer 1

 
@font-face { 
    font-family: 'Tangerine'; 
    src: local('Tangerine'), url('/fonts/Tangerine_Regular.ttf') format('truetype'); 
} 

essayez ceci. Je me sers comme ça dans mon propre site

Answer 2

question ancienne, mais je vais vous indiquer la bonne réponse de toute façon (dans le cas où quelqu'un d'autre bute sur ce sujet)

L'ancien CSS semble bien pour moi. Mais si vous utilisez IE9 et utilisez une police privée, vous verrez une erreur dans la console d'IE9. Donc, vous devez faire ce que ce mec a fait ici: @font-face works in IE8 but not IE9