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