@ font-face让我疯狂!还有什么是新的?

我的样式表中有以下代码:

@font-face {
    font-family: BebasNeue;
    src: url('/style/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'),
         url('/style/fonts/bebasneue-webfont.woff') format('woff'),
         url('/style/fonts/bebasneue-webfont.ttf') format ('truetype'),
         url('/style/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Quicksand;
    src: url('/style/fonts/quicksand-regular-webfont.svg#Quicksand') format('svg'),
         url('/style/fonts/quicksand-regular-webfont.woff') format('woff'),
         url('/style/fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('/style/fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


流沙加载,Bebas不加载。我已经重新下载了字体(从Font Squirrel),进行了转换,将头发拔出,向奥丁祈祷...

在Chrome的检查器中,我在Bebas样式表的SVG行上获得了“无效的CSS属性值,但是在Quicksand下看不到该行与同一行之间的任何区别。在Chrome和FF中,quicksand-regular-webfont.woff显示在资源下,但-惊奇!-不是bebasneue-webfont.woff。

最佳答案

错误是否可能在这里:

src: url('/style/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg')

并且您必须编写...#bebasneue_regular来代替?

10-07 13:51