@font-face不能正常工作

Question

所以我使用了一些非常整洁的字体，我以前从来没有遇到过@font-face的问题，然而，这些看起来就是不起作用。:(你知道哪里出了问题吗？

CSS路径：http://carlpapworth.com/friday-quiz/css/style.css

字体文件夹的路径：http://carlpapworth.com/friday-quiz/css/fonts

@font-face {
font-family: silverfake;
font-weight: 100;
font-style: normal;
src: url('fonts/silverfake.otf');
}

@font-face {
font-family: molesk;
font-weight: 100;
font-style: normal;
src: url('fonts/molesk.otf');
}

@font-face {
font-family: ballpark;
font-weight: 100;
font-style: normal;
src: url('fonts/ballpark.TTF') format("truetype");
}

Answer 1

您可能没有正确链接到字体。它通常是一些小的东西，比如；

src: url('../fonts/silverfake.otf');

而不是

src: url('fonts/silverfake.otf');

尝试使用fontsquirrel webfont generator确保所有内容都正确链接，并且对浏览器友好。

Answer 2

至少找到了让Molesk工作的答案：

@font-face {
font-family:"molesk";
src:url("molesk.eot?") 
format("eot"),url("molesk.woff") 
format("woff"),url("molesk.ttf") 
format("truetype"),url("molesk.svg#molesk") 
format("svg");
font-weight:normal;
font-style:normal;}