Question

我正在我的网站上做一个旋转横幅。这个横幅是图像和文字的混合。除非我的@fontface字体不能处理文本，否则我的工作效果很好。

我正在为轮换做这样的事情：

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

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

相关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。使用此字体的其余文本工作正常。有什么想法吗？

Answer 1

尝试：

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

到

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

同时用令人讨厌的font-size:50px;color:pink;仔细检查您的CSS选择，以确保您实际上将该字体应用于适当的区域。

用于jquery的Font Face附加文本

1 个答案: