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附加文字

回答

相關問題