FontFace for jquery附加文字

我在我的网站上做了一个旋转的横幅。这个横幅是图片和文字的混合。除了我的@fontface字体不适用于文本外，我的工作效果很好。FontFace for jquery附加文字

我做这样的事情的旋转：

$("#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; 
}

的文本显示为阿里尔。使用这种字体的其他文本工作正常。有任何想法吗？

来源

2012-07-12 lovefaithswing

我曾尝试将字体更改为其他内容以确保我使用的是正确的css引用。这工作得很好。 – lovefaithswing 2012-07-12 20:10:42

我认为你的意思是Arial字体，而不是Ariel美人鱼:) – 2012-07-12 20:14:47

你确定你有选择器吗？在CSS中，你有'#homecontainer span'，但是在你的JS中它是'#container div' – 2012-07-12 20:16:36

尝试：

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

到

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

同时仔细检查你的CSS选择的东西讨厌font-size:50px;color:pink;，以确保您的实际应用的字体到正确的区域。

来源

2012-07-12 20:13:37 Fresheyeball

这工作。不知道为什么，但它解决了问题 – lovefaithswing 2012-07-13 15:42:33

FontFace for jquery附加文字

回答

相关问题