0

サイトでローテーション バナーを作成しています。このバナーは、画像とテキストを組み合わせたものです。私の@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 として表示されます。このフォントを使用する残りのテキストは正常に機能します。何か案は?

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 に答える