Question

@ 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;
}

Quicksand负荷，Bebas没有。我重新下载了字体（来自Font Squirrel），重新转换它，把我的头发拉出来，向Odin祈祷......

在Chrome的检查器中，我在Bebas样式表的SVG行上获得了“无效的CSS属性值，但我看不出它与Quicksand下的同一行之间有任何区别。在Chrome和FF中，流沙 - 常规 - webfont.woff出现在资源下，但是 - 很惊讶！ - 不是bebasneue-webfont.woff。

Answer 1

这可能是错误：

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

而你必须写 ...＃bebasneue_regular ？

@ font-face适用于一种字体，而不适用于另一种字体

1 个答案: