所以我使用了一些非常简洁的字体,之前我从未遇到过@ font-face的任何问题,但是,这些似乎不起作用。 :( 任何想法出了什么问题?
CSS的路径:http://carlpapworth.com/friday-quiz/css/style.css
Fontsfolder的路径: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");
}
答案 0 :(得分:0)
您可能没有正确链接到字体。 它通常很小;
src: url('../fonts/silverfake.otf');
而不是
src: url('fonts/silverfake.otf');
尝试使用fontsquirrel webfont generator确保所有内容都正确关联,并且浏览器友好。
答案 1 :(得分:0)
至少找到了让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;}