0

我正在我的网站上做一个旋转横幅。此横幅是图像和文本的混合体。除了我的@fontface 字体不适用于文本之外，我的效果很好。

我正在为旋转做这样的事情：

$("#container div").first().appendTo('#container').fadeOut(5000);
$("#container div").first().fadeIn(5000);

所以我假设它与应用字体后附加的文本有关。或者其他的东西。我对字体相当陌生，所以这可能是我做错了。

相关CSS：

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

}

#homecontainer span {
    float: right;
    display:block;
    font-family:OpenSansRegular,Ariel, Helvetica, sans-serif;
}

文本显示为 Ariel。使用此字体的其余文本工作正常。有任何想法吗？

4

1 回答 1

0

尝试：

font-family:OpenSansRegular,Ariel, Helvetica, sans-serif;

到

font-family:'OpenSansRegular',Ariel, Helvetica, sans-serif;

还要用令人讨厌的东西仔细检查你的 CSS 选择，font-size:50px;color:pink;以确保你实际上将该字体应用于正确的区域。

于 2012-07-12T20:13:37.293 回答