@ 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来代替?